移動開發技術1:微信頁面的實作
需求分析:
本次實驗需求為完成一個類微信主頁面的實作,具體需求為
1.上中下三塊內容分別為標題,顯示內容,切換按鈕,
2.底部選擇框發生改變時,中間顯示內容發生相應改變,

實作思路
實驗分為兩個部分:界面UI設計以及頁面控制
UI設計部分
首先完成頂部標題的設計與底部按鈕布局的設計
標題使用垂直線性布局并設定標題在正中間即可
底部按鈕布局使用水平線性布局,將四個按鈕的垂直布局嵌套在頁面的水平布局中即可
為了實作我們在點擊不同按鈕時顯示不同內容(也即呼叫不同的xml檔案),我們需要在這里使用fragment控制元件,這就涉及到本文的第二部分,撰寫控制代碼邏輯的Java檔案,
邏輯控制代碼部分
這一部分最重要的是對fragment的使用,思路:將四個tab_xml檔案壓縮到fragment中,結果為在主程式中點擊不同按鈕切換時,實際上切換的是fragment,而每個fragment擁有自己的xml界面,(實際上就是將xml通過fragment實體化為物件,進而通過Java檔案進行控制)
值得注意的是,我們應該定義一個hide方法,在每次點擊一個按鈕時首先呼叫這個方法將所有的fragment隱藏起來,然后通過序號系結不同按鈕(switch-to),將選中的按鈕所對應的fragment顯示出來,
最后使用implements View.OnClickListener,呼叫實作的方法initEvent(),再對相應的組件使用setOnClickListener()方法進行監聽點擊事件,
頁面結果展示




代碼倉庫
AndroidProgram1_Wechat
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/174567.html
標籤:其他
上一篇:二分圖與最小生成樹
