首页 > 其他 > 详细

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

时间:2020-02-15 13:15:02      阅读:66      评论:0      收藏:0      [点我收藏+]

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

实现图片下的描述信息

技术分享图片

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

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

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

右边点赞

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

技术分享图片

测试

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

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

彩蛋-页面重绘问题解决

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

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

结束

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!