專利名稱：一種標(biāo)簽欄實(shí)現(xiàn)方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及移動(dòng)終端應(yīng)用程序?qū)崿F(xiàn)技術(shù)，尤指一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)方法及裝置。
背景技術(shù)：
隨著社會(huì)的發(fā)展，手機(jī)逐漸成為了人們生活必備的信息交流與獲取的工具。如圖I所示，目前市場(chǎng)上較為流行的iPhone.Android平臺(tái)上的手機(jī)應(yīng)用程序界面一般從上到下依次為狀態(tài)欄、主界面、標(biāo)簽欄。其中，狀態(tài)欄是指位于手機(jī)頂端顯示網(wǎng)絡(luò)信號(hào)、電池容量、時(shí)間等狀態(tài)信息的長方形區(qū)域；主界面是指手機(jī)應(yīng)用程序主要內(nèi)容的展示區(qū)域；標(biāo)簽欄通常位于手機(jī)底部由若干按鈕組成，可以切換應(yīng)用程序界面的長方形區(qū)域；應(yīng)用程序窗ロ是狀態(tài)欄之外的應(yīng)用程序區(qū)域。而在手機(jī)橫屏狀態(tài)下，標(biāo)簽欄的布局仍然是是位于手機(jī)屏幕的底部，如圖2所示?，F(xiàn)有iPhone，Android平臺(tái)上應(yīng)用程序在橫屏?xí)r對(duì)標(biāo)簽欄的處理方法較為簡單，存在以下幾個(gè)缺點(diǎn)I)手機(jī)屏幕空間較小，橫屏狀態(tài)下，標(biāo)簽欄所占區(qū)域大大增多，直接造成主界面區(qū)域變小，展示的信息減少。2)用戶的手在橫屏狀態(tài)下通常握在手機(jī)的左右端，此時(shí)要用手指點(diǎn)擊屏幕下方的標(biāo)簽欄，手指需要移動(dòng)的距離較遠(yuǎn)，影響用戶感知。

發(fā)明內(nèi)容
有鑒于此，本發(fā)明的主要目的在于提供一種標(biāo)簽欄實(shí)現(xiàn)方法及裝置，能夠有效節(jié)省標(biāo)簽欄所占的屏幕區(qū)域面積，方便用戶使用。為達(dá)到上述目的，本發(fā)明的技術(shù)方案是這樣實(shí)現(xiàn)的一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)方法，包括獲取標(biāo)簽欄在屏幕上的區(qū)域，在獲得的區(qū)域中放置標(biāo)簽欄的信息；根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。該方法之前還包括監(jiān)聽移動(dòng)終端已有的橫豎屏切換事件，在轉(zhuǎn)換為橫屏?xí)r，從獲取標(biāo)簽欄在屏幕上的區(qū)域步驟開始執(zhí)行。所述移動(dòng)終端屏幕為M*N，標(biāo)簽欄位于移動(dòng)終端屏幕的左邊；所述標(biāo)簽欄在屏幕上的區(qū)域?yàn)?0，K，W，M-K)，其中，狀態(tài)欄的高度為K，標(biāo)簽欄的寬度為W。所述移動(dòng)終端屏幕為M*N，標(biāo)簽欄位于移動(dòng)終端屏幕的右邊；所述標(biāo)簽欄在屏幕上的區(qū)域?yàn)?N-W，K，W，M-k)，其中，狀態(tài)欄的高度為K，標(biāo)簽欄的寬度為W。所述在獲得的區(qū)域中放置標(biāo)簽欄的信息包括預(yù)先分別存儲(chǔ)橫屏和豎屏兩種狀態(tài)下的兩張標(biāo)簽欄的背景根據(jù)所述得到的標(biāo)簽欄在屏幕上的區(qū)域，從程序包中讀取圖片作為標(biāo)簽欄的背景圖該方法還包括定義主界面范圍為(top, left, bottom, right),其中，top, left,bottom，right分別表示與窗ロ頂部、左部、底部、右部的距離，且默認(rèn)值為(0，0，0，0)；所述標(biāo)簽欄的寬為W，高為H ;所述調(diào)整主界面范圍為在移動(dòng)終端豎屏的狀態(tài)下，主界面范圍被調(diào)整為(0，0，H，0)；在移動(dòng)終端橫屏的狀態(tài)下，且標(biāo)簽欄在左邊時(shí)，主界面范圍被調(diào)整為(0，W，0，0)；當(dāng)標(biāo)簽欄在右邊時(shí)，主界面范圍為(o，o，o，w)。所述屏蔽系統(tǒng)自帶標(biāo)簽欄包括將移動(dòng)終端的主界面的高度増加H，其中，H為標(biāo)簽欄的高度。一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)裝置，至少包括標(biāo)簽欄區(qū)域獲取模塊和調(diào)整模塊，其中，標(biāo)簽欄區(qū)域獲取模塊，用于獲取標(biāo)簽欄在屏幕上的區(qū)域，并在獲得的區(qū)域中放置標(biāo)簽欄的信息；調(diào)整模塊，用于根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。還包括切換模塊，用于監(jiān)聽手機(jī)已有的橫豎屏切換事件；在轉(zhuǎn)換為橫屏?xí)r，向標(biāo)簽欄區(qū)域獲取模塊發(fā)送第一通知，通知標(biāo)簽欄區(qū)域獲取模塊進(jìn)行橫屏?xí)r對(duì)標(biāo)簽欄的處理；在轉(zhuǎn)換為豎屏?xí)r，發(fā)送第二通知，通知現(xiàn)有用于處理手機(jī)豎屏?xí)r標(biāo)簽欄的設(shè)置的功能模塊進(jìn)行豎屏?xí)r對(duì)標(biāo)簽欄的處理。從上述本發(fā)明提供的技術(shù)方案可以看出，包括獲取標(biāo)簽欄在屏幕上的區(qū)域，在獲得的區(qū)域中放置標(biāo)簽欄的信息；同時(shí)，根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。通過本發(fā)明方法，在手機(jī)橫屏狀態(tài)下，標(biāo)簽欄可以根據(jù)用戶設(shè)置，實(shí)現(xiàn)了自動(dòng)在手機(jī)屏幕靠左或靠右的垂直布局，這樣，有效地節(jié)省了標(biāo)簽欄所占的屏幕區(qū)域面積、方便了用戶點(diǎn)擊。


圖I為現(xiàn)有豎屏手機(jī)應(yīng)用程序界面的示意圖；圖2為現(xiàn)有橫屏手機(jī)應(yīng)用程序界面的示意圖；圖3為本發(fā)明標(biāo)簽欄實(shí)現(xiàn)方法的流程圖；圖4為本發(fā)明橫屏手機(jī)應(yīng)用程序界面中標(biāo)簽欄位于左邊的示意圖；圖5為本發(fā)明橫屏手機(jī)應(yīng)用程序界面中標(biāo)簽欄位于左邊的示意圖；圖6為本發(fā)明標(biāo)簽欄實(shí)現(xiàn)裝置的組成結(jié)構(gòu)示意圖。
具體實(shí)施例方式圖3為本發(fā)明標(biāo)簽欄實(shí)現(xiàn)方法的流程圖，如圖3所示，包括步驟300 :獲取標(biāo)簽欄在屏幕上的區(qū)域。本步驟具體包括首先，計(jì)算自定義標(biāo)簽欄(相對(duì)于手機(jī)自帶標(biāo)簽欄)的區(qū)域移動(dòng)終端如手機(jī)屏幕是ー個(gè)ニ維坐標(biāo)系，水平方向?yàn)閄軸，垂直方向?yàn)閅軸，坐標(biāo)原點(diǎn)通常位于左上角，即左上角的坐標(biāo)為(0,0)。因此,任何ー個(gè)區(qū)域可以通過ー個(gè)4維向量表示(X, y, width, height),其中，X表示X軸的坐標(biāo)，y表示Y軸坐標(biāo),width表示寬度，height表示高度。以M*N的手機(jī)屏幕為例，豎屏?xí)r，手機(jī)屏幕可表示為(0，0，M，N)，橫屏?xí)r，手機(jī)屏幕可表示為(0，0，N，M)。假定狀態(tài)欄的高度為K，標(biāo)簽欄的寬度為W。
手機(jī)豎屏?xí)r，標(biāo)簽欄位于屏幕底部，區(qū)域?yàn)?0，N-K, M，K)。手機(jī)橫屏?xí)r，標(biāo)簽欄垂直布局，可能存在以下兩種情況其中一種如圖4所示，標(biāo)簽欄位于左邊，應(yīng)用程序窗ロ的區(qū)域?yàn)闋顟B(tài)欄以下的所有區(qū)域，即為(0，K，N，M-K)。那么，標(biāo)簽欄的左上角與應(yīng)用程序窗ロ的左上角一致，標(biāo)簽欄的區(qū)域?yàn)?0，K，W，M-K)。另外一種如圖5所不,標(biāo)簽欄位于右邊,應(yīng)用程序窗ロ的區(qū)域仍為(0, K, N, M-K)。此時(shí)，標(biāo)簽欄的右下角與應(yīng)用程序窗ロ的右下角重合，標(biāo)簽欄的區(qū)域?yàn)?N-W，K，W，M-k)。要是狀態(tài)欄不存在時(shí)，取K = 0即可。然后，計(jì)算標(biāo)簽欄中每個(gè)標(biāo)簽的區(qū)域假設(shè)標(biāo)簽欄的寬為W，高為H，標(biāo)簽數(shù)為n。在手機(jī)豎屏的狀態(tài)下，從左到右繪制標(biāo)簽，每個(gè)標(biāo)簽的寬為W/n，高為H。在手機(jī)橫屏的狀態(tài)下，從上到下繪制標(biāo)簽，每個(gè)標(biāo)簽的寬為W，高為H/n。其中，繪制標(biāo)簽的具體實(shí)現(xiàn)屬于本領(lǐng)域技術(shù)人員慣用技術(shù)手段，這里不再贅述。步驟301 :在獲得的區(qū)域中放置標(biāo)簽欄的信息。本步驟具體包括預(yù)先分別存儲(chǔ)橫屏和豎屏兩種狀態(tài)下的兩張標(biāo)簽欄的背景圖；根據(jù)步驟300中計(jì)算得到的區(qū)域，假設(shè)標(biāo)簽欄的寬為W，高為H。從程序包中讀取ー張W*H的圖片，作為標(biāo)簽欄的背景圖。假設(shè)標(biāo)簽欄中包括4個(gè)標(biāo)簽，每個(gè)標(biāo)簽在橫屏和豎屏狀態(tài)下均分別需要選中狀態(tài)和非選中狀態(tài)兩張圖，一共需要16張圖(假設(shè)命名格式分別為normall,. . . , normal4,selectedl, . . . , selected4, lanascape_normalI, . . . , landscape_normal4, landscape—selectedl,…，landscape_selected4)。其中 normal 表不非選中態(tài)，selected 表不選中態(tài)，landscape表不橫屏。若當(dāng)前非選中標(biāo)簽為a,選中標(biāo)簽b時(shí)，需要設(shè)置a的背景圖為normala,再設(shè)置b的背景圖為selectedb。步驟302 :根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。本步驟具體包括定義主界面范圍為(top, left, bottom, right),其中，top,left, bottom, right分別表示主界面與窗ロ頂部、左部、底部、右部的距離,默認(rèn)為(0,0,0,0)。為了避免自定義標(biāo)簽欄覆蓋在主界面的內(nèi)容上，主界面的范圍需要為自定義標(biāo)簽欄騰出區(qū)域，此時(shí)，在手機(jī)豎屏的狀態(tài)下，主界面范圍為(0，0，H，0);在手機(jī)橫屏的狀態(tài)下，且標(biāo)簽欄在左邊時(shí)，主界面范圍為(0，W，0，0);當(dāng)標(biāo)簽欄在右邊時(shí)，主界面范圍為(0，0，0，W)。本步驟中隱藏系統(tǒng)自帶標(biāo)簽欄具體包括系統(tǒng)導(dǎo)航控件(如，iPhone平臺(tái)上的UITabBarController)自帶有標(biāo)簽欄，為了顯示本發(fā)明自定義標(biāo)簽欄，可以通過將自帶標(biāo)簽欄的位置移出到手機(jī)可顯示屏幕范圍外，來實(shí)現(xiàn)隱藏自帶標(biāo)簽欄的效果。具體方法包括將主界面的高度増加H(該H即為標(biāo)簽欄的高度)，這樣，系統(tǒng)的標(biāo)簽欄控件就不會(huì)顯示在手機(jī)屏幕上了。需要說明的是，對(duì)系統(tǒng)自帶標(biāo)簽欄的步驟在本發(fā)明方法中的執(zhí)行位置比較靈活，也可以在步驟300之前，或本發(fā)明方法中的任何位置執(zhí)行。通過本發(fā)明方法，在手機(jī)橫屏狀態(tài)下，標(biāo)簽欄可以根據(jù)用戶設(shè)置，實(shí)現(xiàn)了自動(dòng)在手機(jī)屏幕靠左或靠右的垂直布局，這樣，有效地節(jié)省了標(biāo)簽欄所占的屏幕區(qū)域面積、方便了用戶點(diǎn)擊。本發(fā)明方法還包括橫屏與豎屏的切換，具體包括監(jiān)聽手機(jī)已有的橫豎屏切換事件，在轉(zhuǎn)換為橫屏?xí)r，按照步驟300 步驟302執(zhí)行；在轉(zhuǎn)換為豎屏?xí)r，按照現(xiàn)有方法執(zhí)行即可。圖6為本發(fā)明標(biāo)簽欄實(shí)現(xiàn)裝置的組成結(jié)構(gòu)示意圖，如圖6所示，至少包括標(biāo)簽欄區(qū)域獲取模塊和調(diào)整模塊，其中，標(biāo)簽欄區(qū)域獲取模塊，用于獲取標(biāo)簽欄在屏幕上的區(qū)域，并在獲得的區(qū)域中放置標(biāo)簽欄的信息。 調(diào)整模塊，用于根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。進(jìn)ー步地，本發(fā)明裝置設(shè)置在手機(jī)中，與現(xiàn)有手機(jī)豎屏情況下的標(biāo)簽欄設(shè)置功能結(jié)合使用，此時(shí)，本發(fā)明裝置還包括切換模塊，用于監(jiān)聽手機(jī)已有的橫豎屏切換事件，在轉(zhuǎn)換為橫屏?xí)r，向標(biāo)簽欄區(qū)域獲取模塊發(fā)送第一通知，通知標(biāo)簽欄區(qū)域獲取模塊進(jìn)行橫屏?xí)r對(duì)標(biāo)簽欄的處理；在轉(zhuǎn)換為豎屏?xí)r，發(fā)送第二通知，通知現(xiàn)有用于處理手機(jī)豎屏?xí)r標(biāo)簽欄的設(shè)置的功能模塊進(jìn)行豎屏?xí)r對(duì)標(biāo)簽欄的處理。以上所述，僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在于，包括 獲取標(biāo)簽欄在屏幕上的區(qū)域，在獲得的區(qū)域中放置標(biāo)簽欄的信息； 根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。
2.根據(jù)權(quán)利要求I所述的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在于，該方法之前還包括監(jiān)聽移動(dòng)終端已有的橫豎屏切換事件，在轉(zhuǎn)換為橫屏?xí)r，從獲取標(biāo)簽欄在屏幕上的區(qū)域步驟開始執(zhí)行。
3.根據(jù)權(quán)利要求I或2所述的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在干，所述移動(dòng)終端屏幕為M*N，標(biāo)簽欄位于移動(dòng)終端屏幕的左邊； 所述標(biāo)簽欄在屏幕上的區(qū)域?yàn)?O，K，W，M-K)，其中，狀態(tài)欄的高度為K，標(biāo)簽欄的寬度為W。
4.根據(jù)權(quán)利要求I或2所述的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在干，所述移動(dòng)終端屏幕為M*N，標(biāo)簽欄位于移動(dòng)終端屏.的右邊； 所述標(biāo)簽欄在屏幕上的區(qū)域?yàn)?N-W，K，W，M-k)，其中，狀態(tài)欄的高度為K，標(biāo)簽欄的寬度為W。
5.根據(jù)權(quán)利要求I或2所述的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在于，所述在獲得的區(qū)域中放置標(biāo)簽欄的信息包括 預(yù)先分別存儲(chǔ)橫屏和豎屏兩種狀態(tài)下的兩張標(biāo)簽欄的背景圖； 根據(jù)所述得到的標(biāo)簽欄在屏幕上的區(qū)域，從程序包中讀取圖片作為標(biāo)簽欄的背景圖。
6.根據(jù)權(quán)利要求I或2所述的標(biāo)簽欄實(shí)現(xiàn)方法，其特征在于，該方法還包括定義主界面范圍為(top, left, bottom, right)，其中，top, left, bottom, right 分別表示與窗ロ頂部、左部、底部、右部的距離，且默認(rèn)值為(0，0，0，0)； 所述標(biāo)簽欄的寬為W,高為H ; 所述調(diào)整主界面范圍為在移動(dòng)終端豎屏的狀態(tài)下，主界面范圍被調(diào)整為(0，0，H，0)； 在移動(dòng)終端橫屏的狀態(tài)下，且標(biāo)簽欄在左邊時(shí)，主界面范圍被調(diào)整為(0，W，0，0);當(dāng)標(biāo)簽欄在右邊時(shí)，主界面范圍為(0，0，0，W)。
7.根據(jù)權(quán)利要求I或2標(biāo)簽欄實(shí)現(xiàn)方法，其特征在于，所述屏蔽系統(tǒng)自帶標(biāo)簽欄包括將移動(dòng)終端的主界面的高度増加H，其中，H為標(biāo)簽欄的高度。
8.一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)裝置，其特征在于，至少包括標(biāo)簽欄區(qū)域獲取模塊和調(diào)整模塊，其中， 標(biāo)簽欄區(qū)域獲取模塊，用于獲取標(biāo)簽欄在屏幕上的區(qū)域，并在獲得的區(qū)域中放置標(biāo)簽欄的信息； 調(diào)整模塊，用于根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。
9.根據(jù)權(quán)利要求8所述的標(biāo)簽欄實(shí)現(xiàn)裝置，其特征在于，還包括切換模塊，用于監(jiān)聽手機(jī)已有的橫豎屏切換事件； 在轉(zhuǎn)換為橫屏?xí)r，向標(biāo)簽欄區(qū)域獲取模塊發(fā)送第一通知，通知標(biāo)簽欄區(qū)域獲取模塊進(jìn)行橫屏?xí)r對(duì)標(biāo)簽欄的處理；在轉(zhuǎn)換為豎屏?xí)r，發(fā)送第二通知，通知現(xiàn)有用于處理手機(jī)豎屏?xí)r標(biāo)簽欄的設(shè)置的功能模塊進(jìn)行豎屏?xí)r對(duì)標(biāo)簽欄的處理。
全文摘要
本發(fā)明提供了一種移動(dòng)終端中的標(biāo)簽欄實(shí)現(xiàn)方法及裝置，包括獲取標(biāo)簽欄在屏幕上的區(qū)域，在獲得的區(qū)域中放置標(biāo)簽欄的信息；同時(shí)，根據(jù)設(shè)置的標(biāo)簽欄的區(qū)域調(diào)整主界面范圍，并屏蔽系統(tǒng)自帶標(biāo)簽欄。通過本發(fā)明方法，在手機(jī)橫屏狀態(tài)下，標(biāo)簽欄可以根據(jù)用戶設(shè)置，實(shí)現(xiàn)了自動(dòng)在手機(jī)屏幕靠左或靠右的垂直布局，這樣，有效地節(jié)省了標(biāo)簽欄所占的屏幕區(qū)域面積、方便了用戶點(diǎn)擊。
文檔編號(hào)H04M1/725GK102655548SQ201110051718
公開日2012年9月5日 申請(qǐng)日期2011年3月3日 優(yōu)先權(quán)日2011年3月3日
發(fā)明者譚奇宇 申請(qǐng)人:騰訊科技(深圳)有限公司