Skip to content

Commit e494de4

Browse files
committed
doc: update README.md
1 parent c213a59 commit e494de4

File tree

6 files changed

+49
-0
lines changed

6 files changed

+49
-0
lines changed

README.md

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,29 @@ Currently not supported, according to the [official documentation](https://devel
141141
</g>
142142
```
143143

144+
#### How to Enable Multi-Color Support for Custom Symbols?
145+
146+
Thanks to [@ldowens](https://github.com/jaywcjlove/create-custom-symbols/issues/9) for providing a method to enable multi-color support for custom symbols.
147+
148+
#### Step 1: Create and Export the Symbol
149+
In the **Create Custom Symbols** application, create a new symbol using **SVG** and export it.
150+
151+
![Create Symbol](./assets/multi-color-support/001.png)
152+
153+
#### Step 2: Import into SF Symbols and Set Colors
154+
Drag the exported **Symbols.symbols.svg** file into the **SF Symbols** application and create layers.
155+
156+
![Import into SF Symbols](./assets/multi-color-support/002.png)
157+
158+
Follow the steps below to set colors for your custom symbol:
159+
160+
![Set Colors](./assets/multi-color-support/003.png)
161+
162+
#### Step 3: Export the Multi-Color Symbol
163+
Once the colors are set, export the symbol icon from the **SF Symbols** application.
164+
165+
![Export Symbol](./assets/multi-color-support/004.png)
166+
144167
### [More FAQs…](https://github.com/jaywcjlove/create-custom-symbols/issues)
145168

146169
<!--idoc:config:

README.zh.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,32 @@ Text("使用 \(Image("myCustomSymbolName")) 裁剪图像")
141141
</g>
142142
```
143143

144+
### 如何为自定义符号启用多色支持?
145+
146+
感谢 [@ldowens](https://github.com/jaywcjlove/create-custom-symbols/issues/9) 提供的方法,帮助我们实现自定义符号的多色支持。
147+
148+
#### 步骤 1:创建并导出符号
149+
150+
**Create Custom Symbols** 应用中,使用 **SVG** 创建一个新的符号,并将其导出。
151+
152+
![创建符号](./assets/multi-color-support/001.png)
153+
154+
#### 步骤 2:导入 SF Symbols 并设置颜色
155+
156+
将导出的 **Symbols.symbols.svg** 文件拖拽到 **SF Symbols** 应用中,并创建层。
157+
158+
![导入 SF Symbols](./assets/multi-color-support/002.png)
159+
160+
按照以下步骤设置自定义符号的颜色:
161+
162+
![设置颜色](./assets/multi-color-support/003.png)
163+
164+
#### 步骤 3:导出多色符号
165+
166+
完成颜色设置后,在 **SF Symbols** 应用中导出符号图标。
167+
168+
![导出符号](./assets/multi-color-support/004.png)
169+
144170
### [更多问题...](https://github.com/jaywcjlove/create-custom-symbols/issues)
145171

146172
<!--idoc:config:

assets/multi-color-support/001.png

139 KB
Loading

assets/multi-color-support/002.png

296 KB
Loading

assets/multi-color-support/003.png

197 KB
Loading

assets/multi-color-support/004.png

364 KB
Loading

0 commit comments

Comments
 (0)