【jmfans案例系列】微信/QQ聊天效果
实现效果:模拟微信或者QQ的聊天效果!实现关键思路:
1、利用新建数据母版数据,来输出聊天得内容;
2、步骤一:创建一个数据母版,创建一个字段,例原型中得“内容”;
3、步骤二:把数据母版中的默认三条数据删除,并用数据网格把数据母版的内容显示在手机屏幕中;以上两步有不懂的可以参考数据母版教程:http://www.jmfans.cn/archives/334.html
4、步骤三:调整数据网格的布局,隐藏表头,row_1自由布局,把row_1里面的input调整样式为聊天气泡式,往row_1添加聊天头像(把图片拖进row_1即可);
5、添加文本框和发送按钮,在发送按钮上添加事件:手指点击时-数据母版动作-新建,表达式为:new[内容=文本框];
6、其他一些细节的设计和调整,不明白得可加群咨询。
演示地址:http://www.jmfans.com/example/wxqqlt/index.html
原文地址:http://www.jmfans.com/archives/654
页:
[1]