下面我以一个TXT合并软件为例，讲解如何从0开始完成一个SOUI项目。
图1 SOUIEditor界面总览
SOUIEditor编辑区可分为上图几个区域（我个人的理解，可能与小新的设定有误）。
①控件的插入：在SOUI控件区选好控件后，点击控件，然后在预览区窗体上（如下图操作）。选中窗体上的控件后，可直接拖放控件的大小和位置，而且左侧的控件属性区也可以设置该控件的属性。此处有一个疑问，SOUIEditor编辑器的控件属性是否是固定的？若SOUI版本升级，或者添加了自定义控件，不知道在SOUIEditor中属性是否会同步更新？控件列表中的控件是否更新？
图2 控件的拖放插入
②控件属性的编辑：可点击控件后在左侧属性区编辑，也可以在下方布局源码区进行编辑。在图1中可见，点击窗口标题“SouiWizard1"后，下方布局源码区对应位置的源码也是会被选中的，这就方便我们快速定位控件与源码。
③布局的保存：添加、修改控件后，使用Ctrl+S即可保存。或者点击”全部保存“。
下面开始控件的添加。
首先将”这是一个由SOUI向导生成的APP框架“修改为”TXT文件夹路径“，将调整此文字与edit编辑框的位置。
添加一个button，调整好位置。
添加一个列表，用于显示该路径下所有的txt文件名。这里要说一下，SOUI里面有很多的列表控件，我们要选择哪一个呢？对于小白来说，demo就是一个大宝库，我们打开demo来看看（幸亏这个demo经过千锤百炼，demo能正常编译和运行）。
demo中第一个SOUI Ctrl标签中就是关于基础控件的演示，在”列表控件“中，有基础控件的演示。我们就用这个基础控件了。在SOUIEditor编辑器的控件列表中，我们可以发现有listbox、listctrl、listview、mclistview这4个关于列表的控件。根据常识，我们可将listbox去除(这个就是下拉列表控件，和combobox对应），剩下三个我们可以看到名字是从简单到复杂的，可以认为很有可能就是listctrl。
而正确的做法是打开soui\demo\uires\xml目录，
然后打开page_ctrls.xml（为什么是这个文件，因为demo中标签为“soui ctrl”，这里面含ctrl就是这个文件了），我们打开看看。
发现这里显示了”基础列表“，name="page_listctrl"，现在基本上可以认定是listctrl了。我们继续往下翻，会看到下图中有age\name\等与demo中显示一致，这里的控件就是我们要找的控件”listctrl"
我们在SOUIEditor编辑器的控件中选中listctrl，然后拖放到预览区窗口中的合适位置。控件自带了姓名、年龄等列头，我只要一个即可。
修改后如下，这里我只有一列“文件名"，宽度也调整为和列表框的宽度一致，均为464。
设置好的布局源码见上图，注意要将button\edit\listctrl增加name属性。
点击SOUIEdit编辑器上的”全部保存“，软件的界面设置就完成了。下一贴开始对软件进行编码。
| 
[复制链接]
窥视卡
雷达卡
发表于 2019-7-31 09:40:41
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
发表于 2020-1-6 17:01:42
楼主
