模板类型分为普通模板和容器模板(Scroll和Grid),节点类型有View、Image、Text、Iconfont、RichText、CustomView

新建模板

方式一:

  1. 点击主界面的【+ 新建模板】按钮

image.png

  1. 在弹出的对话框中输入模板的名称(请注意模板的名称只能包含英文、数字、下划线、横向),并选择模板的类型(模板的类型支持普通模板和容器模板,容器模板包括Scroll和Grid),然后点击【新建】按钮创建新的模板

image.png

方式二:

通过设计师插件,直接将sketch设计稿中选中的图层导出为模板

  1. 点击下载安装插件
  2. 打开包含要导出的图层的Sketch源文件
  3. 查看插件菜单项,选择【导出代码】

image.png

  1. 选择Sketch源文件中要导出的图层,选择要导出的语言的类型,确认后点击【导出代码】

image.png

  1. 在导出成功界面,点击通过IDE打开

image.png

  1. 点击后,会自动打开模板IDE(如果已安装),并导入上一步导出成功的模板image.png

    插入节点

  2. 当新建一个模板后,可以通过 右键点击模板 -> 【新建子节点…】插入节点image.png

  3. 当向一个已存在的节点插入其子节点时,可以通过 右键点击该节点 -> 【新建子节点…】 插入节点View类型的节点可以包含子节点、非View类型的节点不能包含子节点,在界面上表现为,View类型的节点的【新建子节点…】功能可用,非View类型的节点的【新建子节点…】功能不可用image.png

    克隆模板


    选中要克隆的模板,点击当前选中的模板的右侧三个点,在下拉菜单中选择【创建副本】

截屏2022-02-18 下午2.31.37.png