SOUI官方论坛

 找回密码
 立即注册
查看: 19450|回复: 17

小白入门教程(二)

  [复制链接]
  • TA的每日心情
    开心
    9 小时前
  • 签到天数: 667 天

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
    发表于 2019-7-30 09:39:04 | 显示全部楼层 |阅读模式
         2020年2月8日9:45:34,目前最新版的SOUIEditor已经放出,请下载
        SOUIEditor3发布了!修复xml不正确时崩溃问题!增加赏心悦目背景图,让你设计界面时不困!
        http://www.soui.vip/thread-752-1-1.html
        (出处: SOUI官方论坛)

    SOUIEditor.rar (1.08 MB, 下载次数: 361) 20190915编译的SOUIEdiotr,自用正常,有需要可以下载尝试。一般这个工具在自己电脑上编译的可正常使用,别人编译的有时候都打不开。

    上一节我们实现了SOUI源码的获取、编译以及第一个SOUI程序的生成,下面我们继续探索SOUI的强大之处。
        下面先看一下SOUI程序的目录结构。
          1.jpg
         从上面的目录结构可知,SOUI与MFC的区别就是多了一个“SOUI Resource"的目录,里面有xml、ico、idx等文件格式。由于SOUI是界面库,而且作者在设计时就让界面承担了一部分的软件功能(如直接在xml配置窗口中的图片,在MFC中需要写代码去load图片资源,而在SOUI中只需要在xml配置好,就可在窗口中显示图片了),所以后续我们会经常和SOUI Resource打交道。
         下面看一下License文件。
    1. SOUI License

    2. The MIT License (MIT)
    3. Copyright (c) 2016 启程软件

    4. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the *** to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    5. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    6. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


    复制代码
       下面是readme.txt文件
    1. ========================================================================
    2. SouiWizard1 项目概述
    3. ========================================================================

    4. SOUI向导 已创建此 SouiWizard1 项目作为起点。

    5. 本文件概要介绍组成项目的每个文件的内容。


    6. license.txt
    7. SOUI license,发布请带上,tks!SOUI使用(MIT)协议,商业个人完全免费,使用请带上license.txt。感觉启程软件的无私!

    8. ReadMe.txt
    9. 些项目的简要说明。

    10. SouiWizard1.cpp
    11. 程序主入口,SOUI的各种资源初使化及在此文件。

    12. MainDlg.h
    13. 这是一个示例的默认窗口模板文件的头定义文件。

    14. MainDlg.cpp
    15. 这是一个示例的默认窗口模板文件的实现文件。


    16. stdafx.h
    17. 预处理头文件。

    18. stdafx.cpp
    19. 为了预处理头文件被编译器编译而生。

    20. /////////////////////////////////////////////////////////////////////////////
    21. 其他注释:
    22. uires 文件夹下保存所有SOUI的资源定义与资源文件!
    23. res/soui_res.rc2 该文件由uir充值SOUI币uilder生成,请不要手动修改!
    24. /////////////////////////////////////////////////////////////////////////////

    25. 特别提示:透明窗口上不能放置真窗口(包括但不限于IE这样的控件),如果是ActiveX要看其具体实现,如果其内部会创建子窗口仍会无法正常显示。
    26. 重要说明:SOUI非线程安全,要刷新窗口必须要UI线程。
    复制代码
       对于小白来说,我们更在乎的是用了***之后***会不会转,上面的License和readme说明这个***是免费用的(SOUI2.X之前)而且还介绍了***如何用的说明。后续熟悉之后就可以看其更内涵的东西了,目前暂切不管。
        下面进入如何修改、添加一些控件来实现简单的程序功能。本例在于让大家熟悉SOUI,更详细的请参考(第三篇:用SOUI能做什么?
         编辑SOUI的界面需要改动的是程序目录下uires文件夹下的文件,SOUI所有的界面美化、控件添加的均在此文件夹下编辑。
          2.jpg
        首先说一下uires.idx文件,使用记事本就可以打开。
        3.jpg
        一开始我们要关注的是LAYOUT、IMG、ICON这三个地方即可,其它的属于***的范畴我们暂时不管。 如果想更简单一些,界面上只有一些基础控件,则uires.idx我们可以不管,相应的除xml文件夹下的文件外,其它文件夹都可不管。
        下面我们练习添加SOUI中的基础控件,button和edit、text。
        对于初次使用SOUI的人来说,你让我添加个按钮、添加个编辑框,我是完全懵的,所以我们一步一步来。
        1、编辑SOUI的方法有
        ①使用记事本、Emeditor、NotePad++以及VS打开xml文件,手工添加。此方法不推荐新手用,因为你可能对xml文件的"<>"都不熟悉,很容易造成不闭合,导致编译运行exe时弹出一个出错警告,所以小白就不迎难而上了,我们要善用工具。
        ②使用SOUI编辑器
        目前有UiEditor(作者:指尖)和SOUIEditor(作者:小新,基于UiEditro)两个UI编辑器,这丙个编辑器也是网友用SOUI编写的,可在SOUI demo中下载并编译使用。对于小白来说,还是使用现成的编译好的吧。我习惯使用SOUIEditor。需要说明一下的是,这两个软件直接从源码编译成exe有一些问题,如exe不运行、在VS中debug可运行但直接exe不运行,所以可以直接使用下面编译好的吧。
       
        SouiEditor 181106.rar (1.18 MB, 下载次数: 540)
        uiedit 2.6.part1.rar (1.72 MB, 下载次数: 212)
        uiedit 2.6.part2.rar (1.31 MB, 下载次数: 198)
        在编辑器中打开项目的uires.idx文件      4.jpg
         双击XML_MAINWND即可打开主窗口的xml文件,在预览区即可预览到当前窗口效果。此效果与我们上节运行exe程序展示的效果是一致的。
          5.jpg
         对于SOUI界面的介绍和编辑工具就到这里,下节具体讲如何添加控件。




    该用户从未签到

    10

    主题

    24

    帖子

    282

    积分

    02:00元婴期

    Rank: 3Rank: 3

    积分
    282
    发表于 2019-7-30 21:17:41 | 显示全部楼层
    兄弟,这资源压缩包有问题呢!
  • TA的每日心情
    开心
    9 小时前
  • 签到天数: 667 天

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
     楼主| 发表于 2019-7-30 21:40:06 | 显示全部楼层
    5201314 发表于 2019-7-30 21:17
    兄弟,这资源压缩包有问题呢!

    具体是什么问题?你的说法太模糊

    该用户从未签到

    0

    主题

    4

    帖子

    42

    积分

    22:00筑基期

    Rank: 1

    积分
    42
    发表于 2019-8-1 10:05:33 | 显示全部楼层
    SOGUIEDIT.EXE完全跑不起来,WIN10环境,CHROME还把它报毒,尴尬
  • TA的每日心情
    开心
    9 小时前
  • 签到天数: 667 天

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
     楼主| 发表于 2019-8-1 17:53:26 | 显示全部楼层
    guanli 发表于 2019-8-1 10:05
    SOGUIEDIT.EXE完全跑不起来,WIN10环境,CHROME还把它报毒,尴尬

    先试着手工编写XML吧,先入门再考虑用工具
  • TA的每日心情
    奋斗
    2021-9-15 17:33
  • 签到天数: 24 天

    [LV.4]偶尔看看III

    15

    主题

    43

    帖子

    429

    积分

    02:00元婴期

    Rank: 3Rank: 3

    积分
    429
    发表于 2019-8-2 10:09:57 | 显示全部楼层
    不错哟~~~~
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    7

    帖子

    57

    积分

    24:00金丹期

    Rank: 2

    积分
    57
    发表于 2019-8-29 14:41:21 | 显示全部楼层
    竟然有SOUI编辑器
  • TA的每日心情
    开心
    9 小时前
  • 签到天数: 667 天

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
     楼主| 发表于 2019-8-29 15:34:57 | 显示全部楼层
    巨婴 发表于 2019-8-29 14:41
    竟然有SOUI编辑器

    功能够用,特别是可实现预览,这个功能很棒
  • TA的每日心情
    奋斗
    2022-4-20 13:57
  • 签到天数: 42 天

    [LV.5]常住居民I

    5

    主题

    33

    帖子

    213

    积分

    02:00元婴期

    Rank: 3Rank: 3

    积分
    213
    发表于 2019-12-3 13:59:49 | 显示全部楼层
    .exe文件打开没反应是为啥。
  • TA的每日心情
    开心
    9 小时前
  • 签到天数: 667 天

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
     楼主| 发表于 2019-12-3 14:22:27 | 显示全部楼层
    caryone 发表于 2019-12-3 13:59
    .exe文件打开没反应是为啥。

    想想如何提问
    哪个exe哪个没反应?这个问题不应该问问题时就说出来吗?
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|SOUI官方论坛

    GMT+8, 2022-5-23 18:42

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表