iOS 不规则形状选择 svg方案,原生方案。
来源:互联网 发布:mac压缩软件 编辑:程序博客网 时间:2024/06/09 19:45
公司项目要实现车辆部件选择的功能,由于各个部件形状不规则,所以原生控件很难满足需求。设计图类似下图:
点选车辆的部件要求变色,并记录点选状态以及其他一些属性的记录。
初始看到这个设计第一感觉是原生控件肯定不支持,需要自己画控件(shaplayer+path),但是再看看这些控件的形状,感觉全都自己画出来貌似不现实,很费劲。后来想到另一种方法,用原生的button,UI给切图,然后一点一点的排列上,由于原生button的形状是矩形的,所以会有重叠的区域,所以需要判断重叠区域是否是透明的 如果透明则不响应点击事件,否则点击事件一直传递到点击区域是不透明的button,让这个button来响应。但是这种方法实现起来还是很麻烦,所以在网上查了一下有没有现成的控件,还真的找到了OBShapedButton。这个控件的原理基本上就是判断点击区域的颜色。但是这个控件貌似比较老了而且貌似有BUG当切图大小小于控件大小的时候点击判断存在问题,所以我没有去深究。
直到我从UI那得到一张很诡异格式的图我没有很好的解决办法。.svg格式,什么鬼?以前没见过。ios常用的不是都是.png格式吗。所以遇到没见过的东西百度一下。svg看介绍眼前一亮。
XML 果断转成HTML,然后事情就简单多了,OC与JS交互,JS控制HTML元素。
这样虽然交互体验不是很好但却是最简单的解决方案。以下是我的demo,有需要的朋友可以参考下。传送门。
pis:做完之后发现SVGKIT,还没来得及研究。
阅读全文
0 0
- iOS 不规则形状选择 svg方案,原生方案。
- Android四角形状(角度)不规则ImageView方案
- 方案选择
- 存储方案的选择
- 选择正确的方案
- 卧室方案选择
- Comet方案的选择
- 谈web-方案选择
- 技术方案选择
- Unity3d-通讯方案选择
- 各种git 方案选择
- Web图表方案选择
- 嵌入式GUI方案选择
- 存储方案的选择
- iOS项目 如何选择最好的XML解析方案
- nodejs之SVG转图片下载方案
- qualcomm android 方案的wifi 方案选择
- 方案
- 飞在Drone、AR的风口,却死在硬件创业的浪尖
- 在mapper的帮助类中怎么获取service
- 数据大小写的转换
- JVM读书笔记之性能监控与故障处理工具
- 字符串搜索算法kmp与Boyer-Moore,java实现
- iOS 不规则形状选择 svg方案,原生方案。
- 面试_技术问题_sevrlet与jsp
- 请输入一个大写字母用来转化为小写字母
- Android Studio wifi调试
- Liunx常用命令
- 04 对象内存分配
- 大小写字母的转换
- Myeclipse2014激活步骤图解
- 硅谷Live区块链分享会 | 硅谷线下活动