微信聊天界面构思

微信聊天界面的设计


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 

你可能感兴趣的:(微信聊天界面构思)