使用Compose实现淘票票选择电影座位的效果

关注公众号学习更多知识
这是一篇去年就写好的博客
起因
新年要来了,看电影是我们新年中必不可少的娱乐项目,那么看电影的时候你是否有想过选座位的空间是如何实现的呢,座位优秀的程序员,我就想到了,今天就带你研究。
compose的绘制系列在两个月前就已经学习完成了,但是仅限于api的熟练,因此今天打算做一个仿淘票票选电影座位的自定义ui。
效果查看
先看一下支付宝客户端的实现吧

我们发现选座位的主要点就是座位的绘制、选择座位的逻辑、双指手势缩放、单指长按后拖动效果。所以关键就是这几个效果的实现
说到这里了提前把我们实现的效果也放出来吧:

实现要点
绘制座位
本身绘制座位我么可以使用drawRoundRect api来实现,不过为了增加难度本例中我们使用path拼接而成的座位。这样做的目标也是为了方便将来将座位扩展成其它形状
构建path的代码
val path = Path().

使用Compose实现淘票票选择电影座位的效果最先出现在Python成神之路

版权声明:
作者:玉兰
链接:https://www.techfm.club/p/18606.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>