使用Compose实现淘票票选择电影座位的效果
关注公众号学习更多知识
这是一篇去年就写好的博客
起因
新年要来了,看电影是我们新年中必不可少的娱乐项目,那么看电影的时候你是否有想过选座位的空间是如何实现的呢,座位优秀的程序员,我就想到了,今天就带你研究。
compose的绘制系列在两个月前就已经学习完成了,但是仅限于api的熟练,因此今天打算做一个仿淘票票选电影座位的自定义ui。
效果查看
先看一下支付宝客户端的实现吧
我们发现选座位的主要点就是座位的绘制、选择座位的逻辑、双指手势缩放、单指长按后拖动效果。所以关键就是这几个效果的实现
说到这里了提前把我们实现的效果也放出来吧:
实现要点
绘制座位
本身绘制座位我么可以使用drawRoundRect api来实现,不过为了增加难度本例中我们使用path拼接而成的座位。这样做的目标也是为了方便将来将座位扩展成其它形状
构建path的代码:
val path = Path().
共有 0 条评论