微信聊天界面构思

微信聊天界面的设计


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 

转载于:https://my.oschina.net/u/2523691/blog/540169

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值