现在做项目,国内一般都是用主流工具-蓝湖,在标注,切图,查看控件坐标,属性等等确实很方便,但痛点是,我们还是要一个一个复制属性,页面和开发工具不停的切换,效率极低.
虽然蓝湖也支持查看代码,但体验过的人都知道,有点鸡肋或者不好用,还不如自己一行一行写布局.
于是基于这个痛点,我开发了一个提升布局效率的工具,如下图所示,这是一个示例界面,demo和工具都在下方的链接里可以获取.
一键导出iOS布局,如下图
一键导出安卓布局,如下图
那么自己的项目如何使用呢?
1.下载工具,2.下载蓝湖导出的HTML代码,3.工具将蓝湖的代码处理一下就OK了
再打开处理过的HTML文件,就如上图所示了,功能都有了
那界面还有其它功能和注意细节吗?
1.默认是选择全部,你也可以点击清除图标,全部不选中,然后左边面板你自由选择,单击是选中,再次单击是不选中,长按是选中(包括子控件),再次长按是不选中(包括子控件)
2.中间选中的面板,单击是查看控件信息和代码,长按也是查看控件信息和代码(包括子控件)
3.支持控件命名,更改控件类型,合成Button,输入框控件等等
软件用法教程:https://www.jianshu.com/p/1b1f8b2065dd
如何获取?
需下载工具,该工具是一个本地静态网页,在网页中对蓝湖上下载下来的页面进行编辑,工具自动会页面引用一个js文件
工具和Demo下载链接地址(免费):https://www.jianshu.com/p/175575a1ac38
详细步骤:https://www.jianshu.com/p/175575a1ac38
这个项目原理是字符串操作,虽然不是什么很牛的技术,但如果能帮助我们程序员节省时间,节省体力,我就觉得非常有意义
网友评论