android studio實現仿微信界面


項目目的:請根據課程實操實現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語句之前將文本顏色重置

 

三、功能展示

 

 

 

 

 

 

 

 

 

 代碼地址:https://github.com/rikka-sherry/MyWork-r1kka


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM