FlexLayout升级完成啦!

  • • 发表于 8年前
  • • 作者 leo
  • • 4429 人浏览
  • • 4 条评论
  • • 最后编辑时间 8年前
  • • 来自 [开发工具]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

请正在开发小程序的朋友加群下载最新程序。qq群:422740450

以下是工具使用介绍

1、自动导出小程序项目文件。
2、通过方向键来设置布局。方向键左:margin-left减一个像素,方向键右:margin-left加一个像素,方向键上:margin-top减一个像素,方向键下:margin-top加一个像素
3、熟悉flexbox属性的小伙伴仍然可以用flexbox属性来设置布局。
4、支持undo(ctrl+z)和redo(ctrl+y)操作
5、ctrl+P:开启鼠标绘制布局模式(会出现网格),再次按下ctrl+P关闭此模式。ctrl+鼠标左键按下拖动来画布局。
6、支持键盘删除(Delete)、复制粘贴(ctrl+c、ctrl+v)。
7、自定义classname。
8、空格键+鼠标可以拖动画布。ctrl+鼠标滚轴来放大缩小画布。
10、ESC键选择外层容器控件
11、鼠标拖拽右侧和下面边框更改组件大小
12、通过ctrl+方向键更改组件大小。ctrl+方向键右:宽度增加一个像素,ctrl+方向键左:宽度减少一个像素,ctrl+方向键上:高度减少一个像素,ctrl+方向键下:高度增加一个像素
13、初始画布尺寸:宽度750px,高度1334px。
14、结构树中选中body后通过右侧属性面板修改body高度。
15、增加右键菜单。包括设置背景、取消背景、前移组件、后移组件。前后移动组件功能是改变组件排列顺序。

16、提供模板,鼠标点击模板后自动加载到画布中。

下图是工具中提供的模板(持续更新)。

下图是工具界面

分享到:
4条评论
Ctrl+Enter
作者

leo

leo

APP:0 帖子:16 回复:8 积分:516

已加入社区[2922]天

工欲善其事必先利其器-小程序UI工具

作者详情》
Top