此篇綜合運用自定義ActionBar、ContextMenu、PopupWindow、Fragment、ViewPager 以及RecyclerView等實現微信頁面效果。
同時這也是中國大學慕課移動終端應用開發的網課作業15,我會持續更新我的作業
說明
說明1
這個說小不小的作品花了我兩天的時間,時間花費的頗多。如果我的作品對您有所幫助的話,您的關注或是贊,都是對我的莫大支持。如果引用我的作品,請註明出處。
我儘可能符合了作業的題目要求,但是有些內容由於作業要求的組件或是方法達不到微信的界面效果,我進行相應的替換,在此說明。
說明2
內容較多,我準備分成三篇博客進行敘述分別爲:
安卓作業----慕課移動應用開發作業15之模仿實現微信界面效果(一)
安卓作業----慕課移動應用開發作業15之模仿實現微信界面效果(二)
安卓作業----慕課移動應用開發作業15之模仿實現微信界面效果(三)
說明3
此篇是第一篇,主要介紹項目的目錄結構,構圖所需要的主要組件,即哪些部分是由哪些組件完成的,並提供相應的組件學習途徑,以及圖片資源的準備工作。
效果圖
廢話說了那麼多,先上效果圖,如果各位看官還滿意,那就繼續讀下去吧。
具體內容
1.目錄結構
src目錄
-
adapter 主要存放適配器
-
fragment 存放fragment
-
layout 存放的是自定義actionbar
-
model 各種數據模型
res目錄
-
color 存放的唯一的文件是控制字體顏色變換的
-
menu 存放的唯一的文件是上下文菜單的佈局文件,長按出現置頂刪除
layout目錄下
-
chat_item.xml,contact_item.xml,find_item.xml三個是RecycleView子佈局界面
-
menu_window_layout.xml是點擊右上角彈出的菜單的佈局文件
-
tab1_layout.xml等是對應的四個fragment佈局
-
tab1_item.xml等是對應四個TabLayout.Tab
res目錄下drawable目錄
-
tab1_selector.xml等是tab切換的圖片樣式,需要對應的tab1_1.png和tab1_2
- background2.9.png是圖片資源中最需要注意的,它是一個點9格式的圖片,能隨着內容擴大自己。具體的製作方法可以點擊下面鏈接:安卓練習----教你從0到1製作一張簡單而不簡陋的.9格式圖片
2.所用的組件
3.學習途徑
由於內容衆多,後面代碼部分內容我不會過多寫註釋,我在這裏提供一些學習參考的途徑。
1.有關RecyclerView+fragment可參考:運用ViewPager、Handler實現圖片自動輪播效果
2.有關微信通訊錄頁面的分組可參考使用自定義RecyclerView.ItemDecoration實現列表懸浮頂部效果
代碼部分在另兩篇博客。
總結
如果有什麼問題,請私信聯繫我或者在評論區留言
碼字不易,若有幫助,給個關注和讚唄