假設你在談論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元素。
爲什麼您需要自定義選項卡欄?你可以很容易地把選定的狀態和未選擇的狀態圖像 – Kasaname
Yaeh,但事情是 - 在默認情況下,第一個tabbarItem開始在300像素或什麼。而我希望tabitem 1的選擇區域應該是px-0-256。在這裏,我們可以看到,所有的默認標籤都是基礎的「如何贏」和「記錄」標籤。所以當我們按下設計上的主頁按鈕時,技術上什麼都沒有發生。 – ScarletWitch