简介
skpm-utils 是一个专为 Sketch 插件开发而设计的 npm 包,它提供了很多常用的工具函数和 API,使得开发者可以更加便捷地开发 Sketch 插件。本篇文章将详细介绍 skpm-utils 的使用方法,并提供示例代码展示其实际应用。
安装
可以通过 npm 进行安装:
--- ------- ---------- ------
使用方法
引入 skpm-utils
在插件脚本中引入 skpm-utils:
------ - ------------- ------------- - ---- ------------
API 列表
skpm-utils 提供了许多有用的 API,下面将介绍其中的几个常用 API。
getArtboards
获取 Sketch 中所有画板的数组。示例代码:
------ - ------------ - ---- ------------- ----- --------- - --------------- -------------------- -----------
getSelection
获取 Sketch 中当前选中的图层。示例代码:
------ - ------------ - ---- ------------- ----- --------- - --------------- --------------------- -----------
getDocumentColors
获取 Sketch 文档中所有使用的颜色。示例代码:
------ - ----------------- - ---- ------------- ----- ------ - -------------------- -------------------- --------
insertText
在文本图层中插入文本。示例代码:
------ - ---------- - ---- ------------- ------------------ ---------
applyLayerStyle
为指定的图层应用样式。示例代码:
------ - --------------- - ---- ------------- ----- ----- - - ------ - - ------ ---------- --------- -------- -------- -- -- -- -- ---------------------------------- -------
showUI
显示用户界面。示例代码:
------ - ------ - ---- ------------- ----------------- - ------ ---- ------- ---- -- ------ -- - ------------------------- ------ ---
示例代码
下面是一个使用 skpm-utils 开发的 Sketch 插件的示例代码。它将在 Sketch 中创建一个新的图层,并为其应用样式和插入文本。
------ - ------------- ----------- --------------- - ---- ------------- ------ ------- ----------------- - ----- ---- - ------- -------- ----- ----- - ----------------------- ---------- - --- ------- ----------------------------------------------- ----- ----- - - ------ - - ------ ---------- --------- -------- -------- -- -- -- -- ---------------------- ------- ----------------- ------ ----------------------------------- -
总结
通过使用 skpm-utils,我们可以更加便捷地开发 Sketch 插件,它提供了许多常用的 API,例如获取画板、获取选中的图层、获取文档中所有颜色等。在实际开发中,我们可以根据具体需求灵活使用这些 API,从而提高工作效率。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600562f681e8991b448e0b70