[Morn UI系列教程]Morn资源命名规则



《Morn简介及使用教程》里提到，在morn里，图片即组件，编辑器会根据资源前缀识别成对应的组件，比如命名为btn_xxx会被识别为按钮，命名为tab_mytab的会被识别为Tab组件

这个命名规则是在编辑器下MornUILib.xml文件中配置的，你可以修改命名规则

下面列举编辑器默认的资源对应规则（不区分大小写）：

Label组件（文本框）：label_xxx

TextInput组件（输入框）：input_xxx 或 textinput_xxx

TextArea组件（文本域，带滚动条）：area_xxx 或 textarea_xxx

Button组件（按钮）：btn_xxx 或 button_xxx

LinkButton组件（下划线按钮）：link_xxx 或 linkbutton_xxx

CheckBox组件（多选框）：check_xxx 或 checkbox_xxx

RadioButton组件（单选框）：radio 或 radioButton_xxx

Tab组件（标签组）：tab_xxx

RadioGroup组件（单选框按钮组）：radiogroup_xxx

VSlider组件（垂直滑动条）：vslider_xxx

HSlider组件（水平滑动条）：hslider_xxx

Clip组件(位图切片)：clip_xxx

FrameClip组件（矢量图切片，类似movieclip）：frame_xxx 或 frameclip_xxx

ProgressBar组件（进度条）：progress_xxx 或 progressbar_xxx

ComboBox组件（下拉框）：combo_xxx 或 combobox_xxx

VScrollBar组件（垂直滚动条）：vscroll_xxx 或 vscrollbar_xxx

HScrollBar组件（水平滚动条）：hscroll_xxx 或 hscrollbar_xxx

Image组件（图形组件）：不是以上规则的，都会被识别为image组件

下面是示例组件图片：

对应识别组件为下图：

容器组件

容器组件(Box,Container,List,Tab,RadioGroup,ViewStack,Panel)默认无需对应资源，可以通过快捷键Ctrl+B进行转换而来

大部分组件只需一个图片就可以了，比如button，label，clip等，但复杂组件一个图片是不够的

特殊组件

特殊组件需要多张图组成，命名规则在遵守上面规则的基础上，增加了$进行区分，主要有三个组件

ScrollBar，ProgressBar，Slider

命名规则如下图

 

矢量图资源

Morn使用教程中提到，资源即组件，位图以文件夹形式放到组件资源目录，编辑器会自动识别成对应的组件

同时编辑器也支持非位图形式，比如swf形式，只需把swf放到资源目录的根目录即可

swf库的连接类依然要遵守上述命名规则，比如my.btn_123会被识别为Button，xxx.xxx.frameclip_abc会被识别为FrameClip组件(Morn唯一的矢量图组件，skin是movieclip资源连接类路径)