微信聊天界面構思

微信聊天界面的設計設計模式


1.構建模型微信

(1)採起什麼樣的架構模式:架構

MVC :model view controller工具

model 模型 數據的保存,實體佈局

view 數據的顯示 模型的具象 測試

controller 控制器 1)控制視圖(視圖的加載 變換 是土地代理 生命週期)設計

                         2)數據傳輸代理

                         3)事件的接受 target  observe
生命週期

設計模式:單例,代理,觀察者事件


(2)分爲3個部分

第一部分:導航欄,導航欄有一個按鈕 有一個標題

第二部分:表示圖,cell的兩個樣式:發送(頭像是在右邊兩天框爲白色,箭頭在右邊) 接收

中間沒有分割線

每一個cell高度不一樣沒根據輸入的文字多少決定,cell爲可編輯狀態

第三部分:

     工具欄:三個按鈕一個textfield:點擊彈出鍵盤 整個工具view往上移 點擊cell的時候 彈出鍵盤 輸入的cell在tableview底部


2. 搭建界面

3.構建聯繫

4.測試 調整

5.完工


自動佈局

在storyboar中進行拉線,autolayout 與size 

相關文章
相關標籤/搜索