区块链、APP、公众号、小程序、物联网、智能硬件、网站开发新模式,安全,超速,可控。
所在位置:
uni-app教程
uni-app切片工具-基础操作(快捷键、鼠标、右键等)
      人气:

uni-app切片工具(小程序切片)是一款根据效果图像画画一样来设计uni-app小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的编写工作。

下面讲解如何进行软件的基础操作:


切片软件基础操作


键盘操作:

Ctrl+A】:全部选中所有切片 
Ctrl+加号】:放大设计区视图百分比,有利于细微调整 
Ctrl+减号】:缩小设计区视图百分比,有利于切大框架【Ctrl+X】:在设计区内按ctrl+X键表示剪切切片(注意,鼠标要在设计区内按)
Ctrl+O】:打开切片设计文件
Ctrl+S】:保存切片设计文件
Ctrl+C】:在设计区内按ctrl+C键表示复制切片(注意,鼠标要在设计区内按)
Ctrl+V】:在设计区内按ctrl+V键表示粘贴切片(注意,鼠标要在设计区内按)
Ctrl+Y】:撤销操作
Ctrl+Z】:重复操作
Ctrl+F】:查找切片
Shift】:按住Shift键同时用鼠标可以选中或者不选中切片 
[[Delete]]】:删除选中切片 
Space】:按住Space空格键可以移动整个设计区便于编辑 
【向上键】:向上移动选中切片(注意,鼠标要在设计区内按)
【向左键】:向左移动选中切片(注意,鼠标要在设计区内按)
【向右键】:向右移动选中切片(注意,鼠标要在设计区内按)
【向下键】:向下移动选中切片(注意,鼠标要在设计区内按)
F5键】:生成DIV+CSS

鼠标操作
支持框选、支持单选、支持右键  
支持切片拖动(默认在锁定状态下,鼠标不能移动,解除锁定后,可以自由移动选中切片)  
支持.gl切片设计文件拖入软件相当于打开切片设计文件
支持.jpg,.psd,.png,.gif图片拖入设计区相当于导入效果图

右键菜单:  
【锁定】:锁定当前所有选择切片,锁定后不能拖动选中切片。 
【解除锁定】:解除所有选择切片,锁定后可以拖动选中切片。  
【导出切片】:导出所有选择切片到指定文件夹。  
【删除切片】:删除所有选择切片以指定文件夹。  
【刷新】:刷新设计区域。

左边树型结构图右键操作:

【删除】:删除自己及以下级别的切片(如点110删除时,将会把110及110下面级别的全部删除,如图:

【刷新】:可以刷新左边树型结构,有时候左边和右边的层级不一定一致,此时您可以刷新或者重新生成一下就可以更新左边的树形结构了。 
【选中下面所有的】:选中自己及以下级别的所有切片,便于进行一些批量的移动操作和属性设置操作等。





uniapp切片软件下载地址:http://www.ymznkf.com/new_view_669.htm



版权所有 © 2017 ymznkf.com. 成都玉目科技有限公司 蜀ICP备17032468号-1