android UI 怎么從頂部菜單欄 變成底部菜單欄

實(shí)現(xiàn)方式：自定義TabWidget

成都創(chuàng)新互聯(lián)專注于中大型企業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)和網(wǎng)站改版、網(wǎng)站營(yíng)銷服務(wù)，追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開(kāi)發(fā)的融合，累計(jì)客戶上1000家，服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對(duì)接上互聯(lián)網(wǎng)浪潮，準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用，我們將一直專注品牌網(wǎng)站制作和互聯(lián)網(wǎng)程序開(kāi)發(fā)，在前進(jìn)的路上，與客戶一起成長(zhǎng)！

1、首先創(chuàng)建一個(gè)TabWidget的布局文件，main_tab_layout1.xml：

[html] view plaincopy

?xml version="1.0" encoding="utf-8"?

TabHost xmlns:android=""

android:id="@android:id/tabhost"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

FrameLayout

android:id="@android:id/tabcontent"

android:layout_width="fill_parent"

android:layout_height="0.0dip"

android:layout_weight="1.0" /

TabWidget

android:id="@android:id/tabs"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding="2dip"

android:background="@drawable/tab_widget_background"

android:layout_weight="0.0"/

/LinearLayout

/TabHost

注意：

1 不管是使用TabActivity 還是自定義TabHost，都要求以TabHost作為XML布局文件的根；

2 將FrameLayout的屬性值layout_weight設(shè)置為了1.0，這樣就可以把TabWidget的組件從頂部擠了下來(lái)變成了底部菜單欄。

3 TabWidger 和FrameLayout的Id 必須使用系統(tǒng)id，分別為android:id/tabs 和 android：id/tabcontent 。因?yàn)橄到y(tǒng)會(huì)使用者兩個(gè)id來(lái)初始化TabHost的兩個(gè)實(shí)例變量（mTabWidget 和 mTabContent）。

Android選擇條目時(shí)下方出現(xiàn)菜單選項(xiàng)

底部是菜單欄，點(diǎn)擊就可以查看。

菜單是用戶界面中最常見(jiàn)的元素之一，使用非常頻繁，在Android中，菜單被分為如下三種，選項(xiàng)菜單（OptionsMenu）、上下文菜單（ContextMenu）和子菜單（SubMenu），以下說(shuō)的是創(chuàng)建OptionsMenu。

默認(rèn)樣式是在屏幕底部彈出一個(gè)菜單，這個(gè)菜單我們就叫他選項(xiàng)菜單OptionsMenu，一般情況下，選項(xiàng)菜單最多顯示2排每排3個(gè)菜單項(xiàng)，這些菜單項(xiàng)有文字有圖標(biāo)，也被稱作Icon Menus，如果多于6項(xiàng)，從第六項(xiàng)開(kāi)始會(huì)被隱藏，在第六項(xiàng)會(huì)出現(xiàn)一個(gè)More里，點(diǎn)擊More才出現(xiàn)第六項(xiàng)以及以后的菜單項(xiàng)，這些菜單項(xiàng)也被稱作Expanded Menus。

超簡(jiǎn)單，幾行代碼搞定Android底部導(dǎo)航欄

咳咳，答應(yīng)過(guò)年增加新功能的，沒(méi)想到拖到現(xiàn)在，延遲了一個(gè)來(lái)月，尷尬，尷尬

那個(gè)，我們先忽略這尷尬的事情吧，進(jìn)入正題才是最重要滴

老規(guī)矩，先上效果圖：

跟原來(lái)的圖有個(gè)很明顯的區(qū)別，你們也一定都發(fā)現(xiàn)了，對(duì)不對(duì)。那么顯眼的小紅點(diǎn)，一定都看到了吧。

當(dāng)然除了這個(gè)，還增加了一項(xiàng)功能，雖然不是很明顯，但相信也有小伙伴發(fā)現(xiàn)了吧，截圖的這倆手機(jī)屏幕明顯大小不同，但是底部導(dǎo)航欄的大小還是相差不大滴。

是的，你們沒(méi)有看多，這次不僅增加了小紅點(diǎn)功能，還增加了底部導(dǎo)航欄的適配，你沒(méi)有聽(tīng)錯(cuò)，以后底部導(dǎo)航欄也不用那些dp、sp了，都按照UI妹子們標(biāo)注的px來(lái)就可以了，再也不用為了底部導(dǎo)航欄去跟UI妹子解釋啥叫dp了。

好了，效果圖展示完了，現(xiàn)在該進(jìn)入枯燥的使用介紹了。

由于這次改動(dòng)有點(diǎn)大，所以，先介紹下上個(gè)穩(wěn)定版本的用法，到底是用最新的，還是用原來(lái)的，就看各位小伙伴的意愿了

上個(gè)穩(wěn)定版本是1.1.3的，引用方式如下

compile 'com.hjm:BottomTabBar:1.1.3'

具體用法如下（備注都加好了，我也就不多廢話了）：

最新版本是1.2.2的，引用方式如下

compile 'com.hjm:BottomTabBar:1.2.2'

其實(shí)1.2.0與1.1.3區(qū)別并不大，只有4點(diǎn)改動(dòng)：

現(xiàn)在默認(rèn)的，分割線高度都是設(shè)置的1個(gè)像素。這里以后也固定都用這個(gè)默認(rèn)的高度了，不再對(duì)外提供修改的方法。

這就是新增加的適配了，多的也不說(shuō)了，你們都懂的

標(biāo)準(zhǔn)尺寸，就是UI妹子給你提供的效果圖的屏幕尺寸，只要在init()方法里添加上標(biāo)準(zhǔn)尺寸，你就可以放肆的使用px了

這個(gè)方法就是控制小紅點(diǎn)顯示的方法了，index就是需要顯示或者隱藏小紅點(diǎn)的TabItem，isShow是一個(gè)boolean類型的參數(shù)，他是控制小紅點(diǎn)是否顯示的，如果為true，就會(huì)顯示小紅點(diǎn)；如果為false，就會(huì)隱藏小紅點(diǎn)

1.2.2版本新增了兩個(gè)方法

介紹到這里，超簡(jiǎn)單的底部導(dǎo)航欄，第二階段就可以告一段落了。以后還會(huì)持續(xù)優(yōu)化，完善的。

第三階段我打算封裝一下有中間凸起的底部導(dǎo)航欄，這個(gè)功能我本地已經(jīng)做了，但是封裝進(jìn)去的時(shí)候，封裝的不理想，這次就沒(méi)有上線，留作下次了。

最后，再上個(gè) GitHub 地址

android 如何讓底部菜單固定不動(dòng)

一般安裝第三方桌面軟件，如ADW，通過(guò)桌面軟件來(lái)設(shè)置底部菜單固定不動(dòng)。

分享題目：底部菜單android,底部菜單欄一直轉(zhuǎn)圈
標(biāo)題鏈接：http://sd-ha.com/article48/hooehp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、外貿(mào)建站、App開(kāi)發(fā)、搜索引擎優(yōu)化、面包屑導(dǎo)航、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)