谷歌插件版的更方便,不需要去蓝湖复制,直接在蓝湖页面上就可以操作了,只需要下载加载到谷歌拓展里面 https://github.com/zhanghuanProgrammer/LanHuExportPlugIn 谷歌插件安装方法:https://www.somode.com/softjc/26336.html
蓝湖页面,生成iOS,安卓,Swift,Flutter等布局控件,从网页界面上直接生成控件代码,包含文本,颜色,字体大小,控件大小边距,圆角等等属性,代码开源,代码还算规范,注释清晰,正打算学习网页开发的朋友可以练手
现在做项目,国内一般都是用主流工具-蓝湖,在标注,切图,查看控件坐标,属性等等确实很方便,但痛点是,我们还是要一个一个复制属性,页面和开发工具不停的切换,效率极低.
虽然蓝湖也支持查看代码,但体验过的人都知道,有点鸡肋或者不好用,还不如自己一行一行写布局.
于是基于这个痛点,我开发了一个提升布局效率的工具,如下图所示,这是一个示例界面,demo和工具都在下方的链接里可以获取.
一键导出iOS布局,如下图
一键导出安卓布局,如下图
那么自己的项目如何使用呢?
1.下载项目源码,打开index.html,点击切换页面,将你自己的蓝湖页面代码复制进去就可以了
那界面还有其它功能和注意细节吗?
1.默认是选择全部,你也可以点击清除图标,全部不选中,然后左边面板你自由选择,单击是选中,再次单击是不选中,长按是选中(包括子控件),再次长按是不选中(包括子控件)
2.中间选中的面板,单击是查看控件信息和代码,长按也是查看控件信息和代码(包括子控件)
3.支持控件命名,更改控件类型,合成Button,输入框控件等等
软件用法教程:https://www.jianshu.com/p/1b1f8b2065dd
开源地址1:https://github.com/zhanghuanProgrammer/LanHuExport
开源地址2:https://download.csdn.net/download/qq_35166501/86565258?spm=1001.2014.3001.5503
备注:使用中如有疑问或Bug,可查看帮助,或加QQ群:481431442(无需验证),或联系开发者微信号:13077821373(无需验证),如若未能即时回复,请谅解