Morn资源命名规则

发布时间:2015-10-29

         《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组件

下面是示例组件图片:

   blob.png


对应识别组件为下图:

  blob.png


容器组件

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

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


特殊组件

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

ScrollBar,ProgressBar,Slider

命名规则如下图

  blob.png


矢量图资源

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

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

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

更多内容请参考后续教程

本例组件资源下载:comp