翻空白鸟时时见,叶晓丽,天津交通安全网
在最近主导的一个项目中，app端的实现使用了weex。通过近一个月的实践，我们发现如果对于人机交互较少的app，即使较少前端经验的人也能迅速进入开发(当然需要一定时间 才能上手weex)。在开发的时候，我们使用了weex-ui库，但也发现其中有一些控件没有实现，如uisegmentcontrol。于是抽空实现了一个，效果如下：
个人感觉和ios原生的控件很相似了，详细的实现参见 segmentcontrol 。
在使用的时候，可以设置：
需要指出的是，segmentcontrol的圆角，色块和文字选中/未选中的颜色，目前都是hard code，无法通过props传参来自定义。这也是我希望通过开源后，大家可以一起帮忙改进。先说下我的思路，vue中修改式样可以通过绑定 class 和 style 的方式。在当前的情况下，需要自定义圆角、色块和文字，因此绑定class是不可行的。那绑定style的话，要传一个对象：对于只需要自定义圆角的情形，也需要把其他属性值也写入。查看现有的class实现，可以发现需要的style类型有三种：最左边，最右边和其他，这样书写会非常冗长，也不友好。
因此，理想的实现，最好和原生一样，如ios中传一个tintcolor就直接修改选中的颜色。因为对前端不熟悉并且项目时间紧，没能深究下去。希望能在这里找到答案或者解决思路。
本文首发于： weex中uisegmentcontrol实现
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
iOS 使用UITextField自定义搜索框 实现用户输入完之后“实时搜索”功能
我要评论
网友评论