2013-05-27 50 views
0

以下是iPad UITabbar的2張圖片。默認情況下,我獲得第一名。但我需要使它像第二個(均勻分佈在整個屏幕),而不使用自定義標籤欄。可能嗎?! Tabbar均勻地將UITabbarItem放入UITabbarController中

編輯:正如我在其中一個評論中提到的。默認情況下,第一個tabbarItem從300像素開始。而我希望tabitem 1的選擇區域應該是px-0-256。在這裏,我們可以看到,所有的默認標籤都是基礎的「如何贏」和「記錄」標籤。所以當我們按下設計上的主頁按鈕時,技術上什麼都沒有發生。

+0

爲什麼您需要自定義選項卡欄?你可以很容易地把選定的狀態和未選擇的狀態圖像 – Kasaname

+1

Yaeh,但事情是 - 在默認情況下,第一個tabbarItem開始在300像素或什麼。而我希望tabitem 1的選擇區域應該是px-0-256。在這裏,我們可以看到,所有的默認標籤都是基礎的「如何贏」和「記錄」標籤。所以當我們按下設計上的主頁按鈕時,技術上什麼都沒有發生。 – ScarletWitch

回答

0

假設你在談論IOS, 我知道這樣做的兩種方式基本上是在XCODE中製作一個選項卡式應用程序,轉到Storyboard文件,將選項卡視圖連接到控制器。然後爲選項卡製作圖像並替換它們。

也就是說,因爲我發現在這裏複製:http://kurrytran.blogspot.tw/2011/10/ios-5-tutorial-creating-custom-tab-bar.html

在HTML5中,我認爲你可以這樣做:

<nav id="tabbar"> 
<ul> 
<!-- Action & navigation --> 
<li style="width: 20%; "><a href="#home" class="flip" style=""><strong>Home</strong><div class="home"></div></a></li>  
<li style="width: 20%; "><a href="#cat1" class="flip current" style=""><strong>RSS Feed</strong><div class="rss"></div></a></li> 
<li style="width: 20%; "><a href="#cat2" class="flip" style=""> <strong>Twitter</strong><div class="twitter"></div></a></li> 
<li style="width: 20%; "><a href="#cat3" class="flip" style=""><small class="badge right">3</small><strong>Flickr</strong><div class="flickr"></div></a></li> 
<li style="width: 20%; "><a onclick="moveDown();" class="flip" style=""><strong>Search</strong><div class="search2"></div></a></li> 

</ul> 
</nav> 

編輯: 此外,使其成爲適合的方法之一是調整圖像,以便他們是在側面的空白空間,並更改圖像爲iphone5-portrait,ipad2-景觀等。

編輯2: 除此之外,唯一的方法是使用UIToolbar創建一個類似crea的tabbar自定義按鈕預設。然後改變意見。 如果沒有,那麼它是不可能的或切換爲像上面的html元素。

+1

是的,這是我在這裏談論的iOS。但是,您提供的鏈接不會調整標籤欄項目的大小。再次查看圖像。默認的標籤欄項目集中在中間,而不是均勻地放置在整個寬度上。我需要它。 – ScarletWitch

+0

是的,我明白了。我想,調整圖像的大小可能會有所幫助,是嗎?您可能需要在圖片的兩側添加一些空白區域,如我在第二張圖片上看到的那樣... –

+1

如果它具有誤導性,我很抱歉。但第二張圖像的末端沒有空格。我只需要每個tabbaritem寬度= 1024/4,而不是集中在中心。因此,當用戶點擊第二張圖片中的標籤時,它們最終不會像默認的標籤欄中那樣點擊空白空間。 – ScarletWitch

0

你不行。

吮吸,是吧?幸運的是,用幾個緊挨着的按鈕來滾動自己的標籤欄樣式的視圖並不難,並且實現視圖控制器來保存ersatz選項卡幷包含子控制器並不難。 (請參閱UIViewController文檔中的「實現容器視圖控制器」部分以獲取有關此主題的更多信息。)