文章首页 Web开发 Windows开发 编程语言 数据库技术 移动平台 系统服务 微信 设计 布布扣 其他

13-7实现旅拍卡片布局-2

时间：2020-02-15 13:15:02   收藏：0   阅读：66

文字需要设置成单行显示，这样才不会换行
技术分享图片
设置文字显示的形式，和样式
技术分享图片
运行测试看效果
技术分享图片

实现图片下的描述信息

技术分享图片

技术分享图片
技术分享图片
底部放一个方法
技术分享图片

_infoText用来封装最下面的左右布局
技术分享图片
希望最左边和最右边，中间是空白的
技术分享图片
左边头像圆角，用PhysicalModel。裁切的行为clipBehavior
技术分享图片

技术分享图片
技术分享图片
图片的直径要是裁切的两倍，这样才能裁切成一个圆形的图片。
技术分享图片
技术分享图片
技术分享图片

右边点赞

左边是一个图片，右边是点赞的数量。所以用Row布局。
技术分享图片
技术分享图片

技术分享图片

测试

技术分享图片
希望文字居左显示
技术分享图片

文字外层是一个Column，通过约束Column
技术分享图片
这个时候文字就居左显示了
技术分享图片
点击查看详情
技术分享图片
切换不同的tab
技术分享图片

彩蛋-页面重绘问题解决

已经打开的tab页面，再次切换回来，页面会重绘，也就是重新渲染

技术分享图片
技术分享图片
重写一个方法
技术分享图片
技术分享图片

结束

 

原文：https://www.cnblogs.com/wangjunwei/p/12311234.html

评论（0）
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣，分享程序人生！