### **1、组件栏** 画布顶部为组件栏，可以点击使用任何组件，如图5.11； ![](https://img.kancloud.cn/ed/73/ed73cbf2ba9c9427702fc93f74b0746e_1911x869.png) :-: 图5.11 ### **2、设计区域** 图5.21标注的地方为设计区域，可以在画布内使用任何组件进行设计； ![](https://img.kancloud.cn/b2/80/b280f48997b6080b180bdeaf513ad14a_1918x881.png) :-: 图5.11 ### **3、属性配置区域** 画布右侧为属性配置区域，如图5.31；可以通过调整属性区域的参数来设置画布的大小、颜色等； ![](https://img.kancloud.cn/77/af/77afd3b809adb37703989a9189fb712f_1912x929.png) :-: 图5.31 ### **4、图层的区域** 画布左侧为图层区域，如图5.41；可以通过名称快速定位到画布中的组件； ![](https://img.kancloud.cn/5c/36/5c366522f971793038f53447cd39df7a_1919x966.png) :-: 图5.41