sketch快速批量重命名共享樣式插件Style Master

Style Master插件是一款可以幫你快速共享sketch層樣式的插件，這款插件可以一次性重命名全部或部分共享樣式，借助正則表達(dá)式的強(qiáng)大功能，甚至可完全重新設(shè)計命名層次結(jié)構(gòu)，可能性是無限的。

安裝步驟：

下載并解壓 Style Master.zip

雙擊 Style Master.sketchplugin 完成安裝

使用步驟：

執(zhí)行 Plugins > Style Master > Rename Text Styles 或 Rename Layer Styles 彈出對話框

對話框的左側(cè)控制重命名過程，右側(cè)顯示重命名樣式前后的實時預(yù)覽。預(yù)覽列大小適配最長樣式名稱的寬度（加上一些額外的空間）并且窗口的大小隨之變化。你可以調(diào)整窗口大小，但預(yù)覽列的寬度不會改變

查找字段 / 選項

在查找字段中輸入需要檢索的文本，默認(rèn)情況下查找區(qū)分大小寫，如果想做大小寫不敏感的查找，請勾選查找字段下 "忽略大小寫"，在查找字段中輸入文本時，預(yù)覽會動態(tài)更新以指示哪些樣式名稱匹配

通過勾選查找字段下 "正則表達(dá)式"，可在查找字段中指定任何有效的 Javascript 正則表達(dá)式，并在替換字段中使用特殊的替換語法。這使你可以對樣式名稱進(jìn)行非常復(fù)雜的操作，否則將非常繁瑣。有關(guān)使用正則表達(dá)式的示例，請參閱 下文 Cookbook 部分

注：如果正則表達(dá)式無效（例如不匹配的圓括號）則顯示為紅色

替換字段

在替換字段中輸入的文本將替換（如果為空即為刪除）由查找字段匹配的樣式名稱部分。一個給定名稱中匹配文本的所有匹配項將被替換。例如：簡單搜索 Sm 替換為 Lg 會將 Smile / Center / Sm 重命名為 Agile / Center / Sm 這種情況下，使用正則表達(dá)式可確保只匹配樣式名稱的某部分

注意：如果替換字段為空，并且當(dāng)前的查找與整個樣式名稱匹配，那么在執(zhí)行重命名時，這些樣式將不會被包括在內(nèi)，而且它們不包含在重命名計數(shù)中。這些不可重命名的樣式 在預(yù)覽的 After 列中顯示

預(yù)覽信息 / 選項

查找 和 替換 字段下方是與預(yù)覽相關(guān)的項目，下方首先顯示被替換樣式數(shù) / 總樣式數(shù)

只顯示匹配的樣式

當(dāng)此選項關(guān)閉時，預(yù)覽顯示所有樣式。當(dāng)試圖找出要查找的內(nèi)容時，此選項變得非常有用。在 查找 字段中輸入內(nèi)容時，匹配樣式在預(yù)覽的 Before 列中以粗體顯示

正如上圖片中展示的：Dark 實際上匹配了 33 個樣式，但是只有前 5 個是可見的，因剩余的 28 個樣式在樣式列表下方。而勾選 僅顯示匹配樣式 選項啟用時，預(yù)覽中只顯示匹配樣式：

自動滾動到第一個匹配樣式

啟用此選項時（默認(rèn)），當(dāng)在 查找 字段中輸入內(nèi)容時，第一個匹配樣式將滾動到預(yù)覽的頂部，這樣可以很容易地看出是否匹配正確的樣式

但有時不希望預(yù)覽在 查找 字段中輸入時滾動。例如：試圖將樣式名稱與長正則表達(dá)式匹配，并且必須滾動才能看到樣式名稱，在這種情況下，將 自動滾動到第一個匹配樣式 選項關(guān)閉允許在輸入時保持樣式名稱可見

預(yù)覽

首次打開對話框時，對話框右側(cè)的預(yù)覽顯示所有樣式，按字母順序排序（區(qū)分大小寫）

在 查找 字段中輸入內(nèi)容時，匹配樣式將在 Before 列中以粗體突出顯示，并在 After 列中重命名樣式。在 替換 字段中輸入內(nèi)容時，重命名的樣式名稱將實時更新

按鈕

Cancel 關(guān)閉對話框而不作任何更改

Apply 重命名匹配樣式而不關(guān)閉對話框

Rename 重命名匹配的樣式并關(guān)閉對話框

快捷鍵

切換 "忽略大小寫" command ⌘ + I

切換 "正則表達(dá)式" command ⌘ + R

切換 "僅顯示匹配樣式" command ⌘ + M

切換 "自動滾動到第一個匹配樣式" command ⌘ + S

執(zhí)行重命名 command ⌘ + shift ⇧ + A

執(zhí)行重命名并關(guān)閉對話框 enter

取消并關(guān)閉對話框 esc 或 command ⌘ + . 或 command ⌘ + W

Cookbook

以下可能是想要使用 Style Master 執(zhí)行的一些典型任務(wù)，以及如何完成這些任務(wù)，并假設(shè) 正則表達(dá)式 選項都是打開的

改變 "/" 風(fēng)格

你是否知道可以在 / 字符周圍使用空格來創(chuàng)建文本樣式、圖層樣式和圖層名稱的層次結(jié)構(gòu)？它使得名稱更容易閱讀