初遇 soui2 基本用法

soui2布局教程：
https://soui2.github.io/SOUIWiki/?file=002-%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/005-%E7%AC%AC%E4%BA%94%E7%AF%87%EF%BC%9A%E5%9C%A8SOUI%E4%B8%AD%E4%BD%BF%E7%94%A8XML%E5%B8%83%E5%B1%80%E5%B1%9E%E6%80%A7%E6%8C%87%E5%BC%95

来源soui官方demo页面的学习

资源声明与使用：
uires.idx资源文件定义资源【包含类型：定义了UIDEF，ICON，CURSOR，LAYOUT，IMGX，GIF，rtf，script，translator，其他自定义不超过30个字符长度的类型】
例子:
<IMGX>
<file name="jpg_bkgnd" path="image\Tulips.png" />
</IMGX>
解析：
name为资源定义后的名称， path为资源的相对路径

skin.xml skin为根节点：
例子:
<imglist name="skin_bkgnd" src="IMGX:jpg_bkgnd" />
解析：name声明定义资源后的对象名， src:声明资源的来源，自动去uires.idx资源文件查找

page_misc.xml 页面剖析
例子：
<page title="SetWindowRgn">
<scrollview pos="0,0,-0,-0" viewSize="-1,-1">
<window name="wnd_rgn" pos="100,100,@100,@50" offset="-0.5,-0.5" colorBkgnd="#ff000088" cursor="hand" class="cls_border">Region</window>
<imageMask pos="{0,[10,@100,@100" skin="skin_avatar" mask="imgx:png_mask.g"/>
<text pos="{0,[10">image mask</text>
<img pos="0,[0" skin="skin_bkgnd"/>
</scrollview>
</page>
解析：
soui中需要引用uires.idx资源文件，则需要在init.xml中的skins结节中做声明

XML知识回顾：
例子1：set是属性
<person sex="female">
<firstname>Anna</firstname>
<lastname>Smith</lastname>
</person>

例子2：set是元素
<person>
<sex>female</sex>
<firstname>Anna</firstname>
<lastname>Smith</lastname>
</person>

控件必须有一个skin.xml设置的skin才能设置其样式