項目目的:請根據課程實操實現APP門戶界面框架設計,至少包含4個tab頁,能實現tab頁之間的點擊切換
該項目分為兩個大的模塊:UI設計和功能實現
一、UI設計
整個頁面包含三個部分:頂部標識、底部按鈕、正文部分
整體上采用了LinearLayout布局,再聯合fragment技術,以此來實現控件的點擊監聽
為此我使用了三個文件:top.xml ,buttom.xml , main.xml(包括了上下兩部分的連接),以下是對應的代碼實現:
top.xml
buttom.xml(代碼部分只展示了一個按鈕的,其他的按鈕除了各自特有的屬性外都大同小異,故不再贅述)
main.xml
再就是四個tab頁面的代碼實現,四個文件對應了各自的頁面,以下也只展示一個文件,其他的不再贅述
二、功能實現
需要五個java文件:main文件以及各個tab對應的文件
1.fragment的標准化
2.tab的展示以及隱藏
3.tab的點擊切換
這是最重要的一個步驟,想要實現tab間的點擊切換,我們需要設置一個FragmentManager來對四個tab進行控制,再結合tab的隱藏,來實現動作發生時一個tab的顯示以及另外三個tab的隱藏
進行到這一步時項目以及基本完成,經測試后發現tab間的切換動作不太明顯,只有各個tab中文本的變化,如果想要使用者能夠更直觀地觀察到tab間的切換,我們可以使tab間的切換動作發生時,附帶tab按鈕顏色的變化
此時tab間的切換動作發生時對應的tab按鈕會變成綠色,便於觀察
這個地方需要注意的就是必須在switch語句之前將文本顏色重置
三、功能展示