導航:首頁 > 操作系統 > 安卓的底部導航欄用什麼布局

安卓的底部導航欄用什麼布局

發布時間:2023-03-29 08:29:27

1. android側拉菜單底部導航欄怎麼設置

設置安卓底部導航欄分布方法:
1,打開手機設置
2.找到導航欄設置選項
3,進入後可選擇不同的布局方式,也可選擇將導航欄隱藏。

2. 新手誠心求助,安卓開發底部的導航欄除了用fragment還有別的選擇嗎

純Activity不是不可以,方案如下:
底部用TabLayout
上方就一個activity layout xml布局
通過切換tab來 控制每個tab對應的 布局塊的 visibility
可以達到不用fragment的效果。
但是:
從軟體工程的角度上講fragment把每個tab邏輯分離,不需要管理其它tab的事情。
耦合度較低。會讓你的代碼可閱讀性更高。代碼是寫給人看的,如果把全部布局,邏輯都揉在一個activity里,估計過不了一周,你可能都看不懂自己的代碼了。

3. Android4.0底部導航欄最常用是什麼方法實現的

一般都是使用viewpager,下面的是導航欄indicator。點擊導航欄可以切換上面的頁面,當然,滑動上面的頁面下面的導航欄也可以切換。
接著說一下它的實現。類的代碼不復雜,大部分參照了viewpagerindicator中的TabPageIndicator類來實現,不過在這里我繼承的是LinearLayout

4. 鴻蒙系統—打造通用的底部導航欄

1、定義一個IBarLayout介面,第一個泛型就是底部導航欄中的每個條目,第二個泛型是每個條目的數據。在介面裡面提供一些方法,可以根據數據查找條目,可以添加監聽,可以設置默認選中的條目,可以初始化所有的條目,當某個條目被選中後需要告知外界。

2、再定義一個單個條目的介面,泛型就是每個條目的數據,介面裡面定義方法,可以設置條目的數據,可以動態修改某個條目的大小

每個條目都有自己的圖片、文字、文字的顏色,我們把這些屬性定義在一個實體類中。由於顏色可以是整型,也可以是字元串,這里定義泛型,泛型就是文字的顏色。具體是哪種類型的顏色,由調用者來決定。
注意下BarType這個枚舉,我們的底部導航欄支持兩種類型,IMAGE代表下圖,某個條目只顯示圖片, 也可以讓某個條目凸出來,只需要將條目的高度變高即可。

IMAGE_TEXT代表條目顯示圖片和文字。如下圖

1、在布局文件實現單個條目的布局,很簡單,使用相對布局,文字位於屏幕的底部,圖片位於文字的上面。

1、定義BottomBar,繼承相對布局,實現之前定義的IBar介面,泛型就是每個條目所對應的實體類,由於目前並不知道泛型的具體類型,所以泛型直接使用問號來代替。BottomBar就是單個條目。

定義BottomNavigationBar,繼承棧布局。第一個泛型就是底部導航欄的條目,第二個泛型就是每個條目的數據

至此,底部導航欄已經封裝完成,外界如何使用呢?
1、在布局文件中添加BottomNavigationBar,這個就是我們封裝好的底部導航欄

2、在AlibitySlice裡面使用,這里使用MVP模式,將業務邏輯放入presenter層中。
先定義介面

3、MainAbilitySlice實現AbilitySliceProvider介面, getContext、getResourceManager、findComponentById這三個方法AbilitySlice的父類已經幫我們實現了,這些方法其實就是系統的方法。getString和getColor需要我們自己來實現,我們在BaseAbilitySlice中手動實現這兩個方法。 在MainAbilitySlice的onStart方法中創建MainAbilitySlicePresenter對象,這樣就能在MainAbilitySlicePresenter處理具體的業務邏輯。

4、MainAbilitySlicePresenterr處理具體的業務邏輯

5、如果想讓某個條目凸出來,可以按照下面的方式

最後附上 源碼
註:項目用到的圖片全部來源於 阿里矢量圖庫 ,如果缺少圖片,可以阿里矢量圖裡面找圖片。

5. Android 沉浸式/透明式狀態欄、導航欄

Android 從4.4開始引進透明狀態欄和導航欄的概念,並且在5.0進行了改進,將透明變成了半透明的效果。雖然此特性最早出現在ios,但不否認效果還是很贊的。
至於4.4以下的手機,就不要考慮此特性了,好在4.4以下的手機份額已經非常小了。

我們先來看一下透明狀態欄的實現,兩種常見效果圖如下:

虛擬導航欄並不是所有的手機都有,華為的手機多比較常見,就是上圖屏幕底部按鈕那塊區域。設置導航欄和狀態欄類似:

這是官方的解釋,大致意思就是我們在布局的最外層設置 android:fitsSystemWindows="true",會在屏幕最上方預留出狀態欄高度的padding。

由於fitsSystemWindows屬性本質上是給當前控制項設置了一個padding,所以我們設置到根布局的話,會導致狀態欄是透明的,並且和窗口背景一樣。

但是多數情況,我們並不在根布局設置這個屬性,我們想要的無外乎是讓內容沉浸在狀態欄之中。所以我們經常設置在最上端的圖片背景、Banner之類的,如果是Toolbar的,我們可以使用一層LinearLayout包裹,並把這個屬性設置給LinearLayout,這樣就可以避免Toolbar的內容下沉了。如:

上述方法可以解決普通頁面的透明式狀態欄需求,如有復雜需求可以參考下面這些:
Android 系統狀態欄沉浸式/透明化完整解決方案
Android 沉浸式狀態欄的實現
Android沉浸式狀態欄(透明狀態欄)最佳實現
還有開源庫推薦: ImmersionBar

6. Android 目前最流行的 底部導航欄 用什麼做的

很多android應用底部都有一個底部導航欄,方便用戶在使用過程中隨意切換。目前常用的做法有三種:一種是使用自定義tabHost,一種是使用activityGroup,一種是結合FrameLayout實現。再做了多款應用後,為了節約開發周期,封裝了一個抽象類,只要三步便可完成底部欄的生成及不同頁面的調用。
public class extends ActivityCollection {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setBottomTabBackground(resId);// 設置底部導航背景圖
@Override
protected boolean isShowWindowFeature() {
return true;//設置是否顯示title;
@Override
protected ListIndicatorInfo> setDrawableCollections() {
ListIndicatorInfo> IndicatorInfos = new ArrayListIndicatorInfo>();
IndicatorInfo indicatorInfo_1 = new IndicatorInfo(R.drawable.baby1,
R.drawable.baby1_s, R.string.baby1, 12, Color.WHITE,
new Intent(.this,
Activity01.class));
IndicatorInfo indicatorInfo_2 = new IndicatorInfo(R.drawable.baby2,
R.drawable.baby2_s, R.string.baby2, 12, Color.WHITE,
new Intent(.this,
Activity02.class));
IndicatorInfo indicatorInfo_3 = new IndicatorInfo(R.drawable.baby3,
R.drawable.baby3_s, R.string.baby3, 12, Color.WHITE,
new Intent(.this,
Activity03.class));
IndicatorInfo indicatorInfo_4 = new IndicatorInfo(R.drawable.baby4,
R.drawable.baby4_s, R.string.baby4, 12, Color.WHITE,
new Intent(.this,
Activity04.class));
IndicatorInfos.add(indicatorInfo_1);
IndicatorInfos.add(indicatorInfo_2);
IndicatorInfos.add(indicatorInfo_3);
IndicatorInfos.add(indicatorInfo_4);
return IndicatorInfos;

第一步:導入jar包;
第二步:讓自己的homeactivity 繼承ActivityCollection類;
第三步:將自己的圖片資源及跳轉intent放入list中,設置可選項;
雛形就形成啦!

7. 移動APP的常見的幾種導航形式

當確定了APP的設計需求和產品的整體結構之後,要著手開始規劃和製作APP的原型及UI界面。一款APP的好與不好,很大部分取決於APP界面布局的合理性。這個時候就要想以最優的設計結構將APP的內容展現給用戶,那麼,如何將信息以最優的形式展現出來呢?這就涉及到了APP的導航應用方式,可以說一個優秀的導航設計對一款App的核心體驗起到了決定性的作用!

知道了導航的重要性,在考慮導航設計時,需要注意以下事項:

1.可達性:

移動應用的導航功能可以說是所有界面最重要的組成部分,因此一定要保證其可達性,並把最關鍵的要素盡量突出,同時不要影響到內容本身。

2.目的性:

確保導航中的每個按鈕要素簡單明了,有明確的引導用戶點擊的目的性。讓用戶一看就知道是什麼意思以及操作結果是什。不要弄的太過花哨,這樣反而會讓迷惑用戶,起到反作用。

3.易於理解:

如果想設計比較高級的導航功能(例如鏈接圖片、允許滑動或其他手勢導航,或者訪問隱藏菜單),請務必在設計過程中保證前後一致,以便用戶熟悉你所使用的模式,同時還應加入一些額外的信息(例如小箭頭、文字或改變顏色或高亮等)來吸引用戶注意力,並以微妙的方式對用戶進行引導。不要給用戶呈上「看得見摸不著的導航功能」。

4.通用性

導航功能應當以一定的形式顯示於移動應用的各個界面。各個導航模式不一定要完全相同,但其基本結構應當在應用內保持一致,可以根據背景進行小幅度的調整。

明確上述幾點注意事項後,將APP的信息結構分層,把主要、最核心、最根本的功能放在第一層級,次要內容放在第二層級甚至更深。然後根據層級關系、結構關系確定導航的形式。

結合產品的深度和廣度來共同探討一下目前APP界面常見的幾種導航形式,並分析其優缺點,從而進一步判斷每一種導航形式更適合應用於哪種類型的APP!

標簽式導航,也就是常說的Tab式導航。是目前應用最廣泛、最常見的導航形式。

標簽式導航可分為 頂部標簽式導航、底部標簽式、舵式導航(底部擴展式導航)。

頂部標簽式導航

頂部標簽式導航顧名思義,存在於頁面的頂部。頂部標簽導航多應用於Android平台,因其平台特性,底部含有虛擬的物理按鍵,如華為手機存在手機屏幕內的物理按鍵。

很多App為了適配安卓平台,採用了頂部標簽式導航,目的是為了不與底部虛擬按鈕組合在一起產生的信息堆疊和誤操作,這也是一種妥協行為。但不斷升級的Android平台app現如今也和ios盡量保持一致。

不過也有很多ios平台根據產品結構應用此類型的導航。

上圖是蝦米音樂app首頁導航模式,採用了頂部標簽式導航。這樣設計是為了 更多展示標簽下的內容,還有一點是支持快捷操作 。方便展示/點擊下方快捷區域的內容和按鈕(當前曲目、歌手、播放/暫停和下一曲)。

底部標簽式導航

底部標簽式導航是最常用的導航形式,一般存在於頁面底端,不超過5個模塊。

如果應用需要用戶 頻繁的在不同分頁切換 ,可以採用這種導航,如上圖微信最新版的APP界面設計圖。這種導航欄符合拇指操作熱區。

舵式導航(底部擴展式導航)

舵式導航是底部導航的一種擴展形式,是一種變體。因為它的樣式很像輪船上用來指揮的船舵,兩側是其他操作按鈕。

當頁面有處於同一層級的幾大部分內容,同時又需要一個非常重要且頻繁操作的入口 ,就可以採用這種APP導航模式。 中間項標簽不緊操作最頻繁,最重要,且需要引人注意,方便尋找 。

左圖為懶人聽書App,右圖為新浪微博手機客戶端。兩款App的主要功能都採用了舵式導航的布局方式,將操作最頻繁的按鈕進行特殊處理,在視覺設計上突出,與導航上的其他按鈕進行區分,引導用戶操作。

頂部導航+底部導航(雙導航模式)

今日頭條和網易新聞這種新聞類APP,由於內容、分類較多,運用頂部和底部雙tab導航,而切換頻率最高的tab放在頂部,這是為什麼呢?因為新聞在每個tab都是沉浸式閱讀,最常用的操作是在一個tab中不斷地下滑閱讀內容,將常用的tab放在頂部,向左或向右滑動切換tab的手勢操作,能帶來更好地閱讀體驗。

在兩種情況下可以選擇頂部tab式導航:某項功能必須固定在底部,那麼其他tab只能固定在頂部,但為了方便操作,頂部tab導航最好支持手勢操作,即滑動即可切換;該APP是沉浸式體驗,如新聞、小說等,為了帶給用戶更好的閱讀體驗,可以將tab放在頂部。

實際上,底部Tab模式導航在iOS和Android上一直是最安全的一種導航模式,他不怎麼出彩,但是絕對不會犯錯。在大屏幕時代,底部Tab模式的導航更能適應,也更好設計。

適用於:

入口分類數目不多,可以控制在5個以內,且用戶需要在入口間頻繁切換來執行多個任務

注意:

結構太過復雜而且不穩定的應用不適合標簽式導航。

抽屜式導航模式一般採用將導航主體隱藏在app側邊的方式,以一個按鈕來呼出導航,在使用完成之後在使用相同的按鈕隱藏起來。一拉一縮,從形象上與抽屜類似,因此稱之為抽屜式導航。

抽屜式導航的核心思路是「隱藏」。隱藏非核心的操作與功能,讓用戶更專注於核心的功能操作上去。 設想你的產品信息層級有非常多的頁面和內容,難以在一屏內顯示全部內容,那麼你一定首先會想到去設計一個底部或頂部的tab導航,但導航太多無疑顯得臃腫,而且使用戶難以點擊,那麼這個時候,抽屜式導航是個不錯的選擇。

抽屜式導航存在幾個缺陷:

1.左上角的導按鈕存在於單手拇指操作熱區難以到達的位置,導致導航按鈕難以觸達;2.降低了用戶對產品一半的參與度;3.可見性低。

有些人認為「現在的APP的發展不僅僅是從前單一的功能,功能隨產品的發展變得越來愈多,抽屜式導航已經不適應大多數的產品,這種導航終將被遺棄」。但是,導航欄的使用方式並不是單純隨著看產品的功能增加而不被使用,而是隨著整個產品的信息結構和功能形式來設計決定的。拋開產品的功能表現而去講產品設計是不合理的。

何種情況下適合使用抽屜式導航:

1.如果應用主要的功能和內容都在一個頁面裡面。只是一些低頻操作內容需要顯示在其他頁面里。為了讓主頁面看上去干凈美觀,可以把這些輔助功能放在抽屜欄里。

2.如果應用有不同的視圖,且他們是平級的,需要用戶同等地對待,抽屜欄將會浪費掉大多數的用戶對於側邊欄中入口的潛在參與度和交互程度。

3.在大屏時代使用抽屜欄,手勢操作顯得尤為重要,從屏幕邊緣喚出抽屜欄是個不錯的選擇。

注意:

需要用戶有一定參與的信息層級,最好不好放置在抽屜欄

跳板/快速啟動/宮格導航是將主要入口全部聚合在頁面,讓用戶做出選擇。

採用這種導航的應用已經越來越少, 往往用在二級頁作為內容列表的一種圖形化形式呈現,或是作為一系列工具入口的聚合。 如下圖新浪微博,點擊導航欄中間的發布按鈕,彈出二級菜單,這個二級頁面就是採用的宮格式導航,作為發布微博的入口。

這種導航模式非常常見,但是卻不常用。

無論你用的是Android還是iOS,每天一打開手機,宮格式導航就會對你說hello了。

每一個APP都是一個宮格,這些宮格聚集在中心頁面,用戶只能在中心頁面進入其中一個宮格,如果想要進入另一個宮格,必須要先回到中心頁面,再進入另一個宮格。每個宮格相互獨立,它們的信息間也沒有任何交集,無法跳轉互通。因為這種特質,宮格式導航被廣泛應用於各平台系統的中心頁面。

宮格式導航的缺陷 :

信息互斥,無法相互通達,只能給用戶帶來了更多的操作步驟。無法讓用戶在第一時間看到內容,選擇壓力較大。

何種情況下適用於宮格式導航:

適合入口相互獨立互斥,且不需要交叉使用的信息歸類

注意:

一旦入口需要有所交集,必然導致更多的操作負累,這個時候只能根據產品特性做出權衡,如果不適合,建議果斷拒絕這種方式。

列表式導航結構清晰,易於理解,冷靜高效,能夠幫助用戶快速的定位去到對應的頁面。作為輔助導航來展示二級甚至更深層級的內容

列表式導航分為3類: 標題式列表、內容式列表、嵌入式列表。

標題式列表 :一般只顯示一行文字,有的顯示一行文字加一張圖片等等。

內容式列表: 主要以內容為主,所以在列表中就會體現出部分內容信息,點擊進去就是詳情。

嵌入式列表: 嵌入式其實就是由多個列表層級組合而成的導航。能很好的解決次要功能非常多的問題

所有關於列表導航的例子大部分都是依附於標簽導航之上的。前面我就說過現在以列表形式作為主導航的產品是越來越少,因為確實它不是一個好的主要展示形式。 列表項目可以通過間距、標題等進行分組,形成擴展列表。 列表菜單導航可以將重要的UI部分以列表的形式進行呈現,讓用戶可以滾動查看自己要執行的操作或內容。

而在二次層級上,它們還會 將列表分模塊進行展示 ,如微信中「我的」模塊「新消息通知、隱私、通用」是一組,「幫助與反饋、關於微信」又是一組。雖然你能看到,但是不仔細觀察就不會發現其中的要點。只要善用這個細節,可以更好的加以區分次要功能,並提升用戶體驗度。

懸浮icon導航,是將導航頁面分層,無論你到達APP的哪個頁面,懸浮icon永遠懸浮在上面,你依靠懸浮層隨時可以去想要去的地方。

懸浮式icon會遮擋某些頁面的操作,在設計的時候應該考慮進去,比如無論在那個頁面永遠為懸浮icon留有位置。

標簽式導航: 最常用、最不易出錯,請第一時間考慮它

抽屜式導航: 如果你的信息層級繁多,可以考慮將輔助類內容放在抽屜中

跳板式/宮格式導航: 不建議在APP中作為主導航使用,如果非使用不可,請增加跳轉的關聯性

列表式導航: 作為輔助導航來展示二級甚至更深層級的內容,每個APP必不可少,但請注意數量與分類

懸浮式導航: 更適應大屏的導航模式,不妨試一試,但注意不要讓它遮擋住某些頁面的操作

還是那句話,優秀的app導航設計,能夠合理地完美展示產品的功能,並快速引導用戶使用,增強用戶的識別度。合理的導航設計,會讓用戶輕松達到目的而又不會干擾和困擾用戶的選擇。

感謝大家的耐心閱讀,還有一路陪伴的行業大牛為我指點迷津!如果內容觀點有不對的地方,歡迎批評指正!

閱讀全文

與安卓的底部導航欄用什麼布局相關的資料

熱點內容
cad加密圖紙怎麼解鎖 瀏覽:170
免費爽文有聲小說 瀏覽:681
穿越古代巨肉的yy小說 瀏覽:81
貓眼電影實時票房 瀏覽:576
六七十年代科研強國文 瀏覽:408
霸道王子絕對命令全集 瀏覽:309
能在線看的網站 瀏覽:207
自動編譯設置java前端 瀏覽:903
找一本主角叫蘇晨的小說 瀏覽:847
壓縮包多長時間能解壓 瀏覽:370
小說男主叫江宴女主叫溫暖 瀏覽:455
有一部小說主角叫唐糖 瀏覽:302
找一部小說主角叫陸宇 瀏覽:402
受重生悔過的小說 瀏覽:959
單片機顯示模塊電路 瀏覽:305
交換老婆系列小說 瀏覽:280
支持投屏的在線影院 瀏覽:844
男主是鴨子公關 瀏覽:61
yy680 瀏覽:787
二戰德國納粹電影 瀏覽:504