TCW：添加一些插图

# 子页面：自定义布局
# TouchController 中的游戏内控件
# TouchController 的聊天界面

Author: WhiteElephant-abc

touchcontroller/wiki/src/gui/assets/chat-screen/file-20251116213544136.png

@@ -15,3 +15,5 @@
 - 设置按钮：点击后弹出弹窗，可以设置行距和文本颜色。
 - 输入框：可在此输入消息。
 - 发送按钮：点击后发送输入框中的消息。
+
+![](assets/chat-screen/file-20251116213544136.png)

touchcontroller/wiki/src/gui/chat-screen.md

@@ -4,6 +4,8 @@
 - 这个页面可以自定义控件的布局
 - 参见：[自定义布局的特性](../../../feature/custom-layout.md)
 
+![](assets/custom-widget-layout/file-20251116213404378.png)
+
 ## 页面结构
 
 ### 顶栏

touchcontroller/wiki/src/gui/config-screen/sub-pages/assets/custom-widget-layout/file-20251116213404378.png

@@ -21,15 +21,21 @@ TouchController 的内置控件主要是基于[自定义控件](../mechanism/cus
   - 滑动无锁定：手指滑过中心按钮后触发，[操作](../mechanism/custom-layout/custom-widget.md#操作)与普通控件拥有相同的设置
   - 滑动锁定：手指滑过中心按钮后触发一次，[操作](../mechanism/custom-layout/custom-widget.md#操作)只能设为绑定键位
 
+![](assets/in-game-widget/file-20251116213834271.png)
+
 ### 虚拟摇杆
 
 虚拟摇杆除了可以修改图集外，还可以分别调整背景和手柄的大小，同时拥有两个选项：
 
 - 触发疾跑：摇杆推到 110% 后触发疾跑
 - 激活时提高不透明度：手指移动摇杆时，摇杆提高不透明度
 
+![](assets/in-game-widget/file-20251116213933654.png)
+
 ### 划船按钮
 
 划船按钮较为特殊，就像坦克一样，按住左边的按钮可以右转，按住右边的按钮可以左转，按住两个按钮可以同时前进。
 
 划船按钮除了可以调整大小、调整图集外，还可以设置当前按钮为左侧按钮或右侧按钮。
+
+![](assets/in-game-widget/file-20251116214049288.png)