SOUI 界面之tabctrl控件

原创 2015年07月10日 15:57:38

1、tabctrl控件的用法
      <!--tab中必须包含有name,pos,tabSkin,iconSkin四个属性,若没有pos属性,不会显示图片到界面上;还有的属性:font表示字体,adding表示字体的大小;tabAlign表示tab的位置,left或者top;tabHeight表示tab的高度;show="1"表示显示,0表示不显示;text-y="50"表示字体的y坐标;colorText表示文本的颜色;icon-x表示icon向右15个坐标单位; focusable表示窗口是否接受焦点,0表示不接受,1表示接受,默认为1接受;tabInterSize表示tab标签的间距;若是top,则tabPos表示tab据左边的间距,若是left,则表示tab据上边的间距;show="1"表示显示,默认为1;curSel表示默认选中的索引-->
      <tabctrl name="tab_main" pos="0,40,-0,-0" tabSkin="_skin.tab.main" iconSkin="_skin.tab.icon" font="face:仿宋_GB2312,adding:-2" tabAlign="left" tabHeight="70" text-y="55" colorText="#0ff0ff"  icon-x="15" focusable="0" tabInterSize="15" tabPos="10" show="1" curSel="0">
        <page title="电脑体验" tip="电脑体验">
        </page>
        <page title="木马查杀" tip="木马查杀">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
      </tabctrl>

2、控件之中的text控件使用的简单说明

<window pos="0,0,-0,-0" skin="_skin.white.bg">
            <!--pos:第一个参数若为正数,表示向右方偏移,第二个参数若为正数,表示向下方偏移 -->
            <!--offset:一般使用offset="-0.5,-0.5"表示在窗口的中心位置 -->
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:仿宋_GB2312,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>

3、实例如下所示:

窗口布局的文件dlg_main.xml:

  <SOUI name="mainWindow" title="%title%" bigIcon="ICON_LOGO:32" smallIcon="ICON_LOGO:16" width="800" height="640"  margin="20,5,5,5"  resizable="1"
appWnd="1"
translucent="1"
>
  <root skin="_skin.sys.wnd.bkgnd">  <!--使用默认生成的就好-->
    <!--先加载背景,然后再加载 最大最小化。。。。。-->
    <!--pos表示全窗口的大小left,top,right,bottom     -->
    <window pos="0,0,-0,-0" skin="_skin.bg" > 
      <caption pos="0,0,-0,50" show="1" font="adding:0">
       <icon pos="10,8" src="ICON_LOGO:16"/>
        <text pos="29,9" font="#fffff">PKPM 1.0</text>
        <imgbtn name="btn_close" skin="_skin.sys.btn.close"    pos="-45,0" tip="close" animate="1"/>
        <imgbtn name="btn_max" skin="_skin.sys.btn.maximize"  pos="-83,0" animate="1" />
        <imgbtn name="btn_restore" skin="_skin.sys.btn.restore"  pos="-83,0" show="0" animate="1" />
        <imgbtn name="btn_min" skin="_skin.sys.btn.minimize" pos="-121,0" animate="1" />
      </caption>
   
      <!--
      <tabctrl name="tab_main" font="face:微软雅黑,adding:-2" tabPos="10" tabAlign="top" colorText="#ffffff" pos="0,40,-0,-0" show="1" curSel="0" focusable="0" tabHeight="100" tabSkin="_skin.tab.main" iconSkin="_skin.tab.icon" text-y="50" icon-x="12" tabInterSize="5">
        <page title="电脑体验" tip="电脑体验">
        -->
      <!--tab中必须包含有name,pos,tabSkin,iconSkin四个属性,若没有pos属性,不会显示图片到界面上;还有的属性:font表示字体,adding表示字体的大小;tabAlign表示tab的位置,left或者top;tabHeight表示tab的高度;show="1"表示显示,0表示不显示;text-y="50"表示字体的y坐标;colorText表示文本的颜色;icon-x表示icon向右15个坐标单位; focusable表示窗口是否接受焦点,0表示不接受,1表示接受,默认为1接受;tabInterSize表示tab标签的间距;若是top,则tabPos表示tab据左边的间距,若是left,则表示tab据上边的间距;show="1"表示显示,默认为1;curSel表示默认选中的索引-->
      <tabctrl name="tab_main" pos="0,40,-0,-0" tabSkin="_skin.tab.main" iconSkin="_skin.tab.icon" font="face:仿宋_GB2312,adding:-2" tabAlign="left" tabHeight="70" text-y="55" colorText="#0ff0ff"  icon-x="15" focusable="0" tabInterSize="15" tabPos="10" show="1" curSel="0">
        <page title="电脑体验" tip="电脑体验">
          <window pos="0,0,-0,-0" skin="_skin.white.bg">
            <!--pos:第一个参数若为正数,表示向右方偏移,第二个参数若为正数,表示向下方偏移 -->
            <!--offset:一般使用offset="-0.5,-0.5"表示在窗口的中心位置 -->
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:仿宋_GB2312,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="木马查杀" tip="木马查杀">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="系统修复" tip="系统修复">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="电脑清理" tip="电脑清理">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="优化加速" tip="优化加速">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="电脑专家" tip="电脑专家">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="电脑门诊" tip="电脑门诊">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
        <page title="软件管家" tip="软件管家">
          <window pos="0,0,-0,-0" skin="_skin.white.bg" >
            <text pos="|0,|5" offset="-0.5,-0.5" font="face:微软雅黑,adding:-3" colorText="#000000">暂时只能做这么多了,没资源了 ;P</text>
          </window>
        </page>
      </tabctrl>
      <img skin="_skin.logo" pos="-178,40" />
    </window>
  </root>
</SOUI>

相关的资源文件另行配置,运行的效果图如下所示:







SOUI界面库 第4讲-SOUI窗口系统

所有视频教程由SOUI界面库官方授权“界面工厂”整理出品。转载请注明界面工厂整理。 ---------------------------------------------...
  • zhouzhi119
  • zhouzhi119
  • 2017年05月23日 12:04
  • 385

SOUI之DIY: 自定义控件和消息实现

一、引言使用 SOUI 的过程是一个漫长的学习过程,必然要以需求驱使着,才能够促使自己去探索其内部的原理。最近有一个想法: 将一个导航条封装成一个控件类,但是导航条里面众多的按钮消息应该如何封装成...
  • u012814856
  • u012814856
  • 2017年09月12日 11:54
  • 277

soui中控件的消息处理

在soui中,自定义的控件好像不能进行消息订阅,因此采用以下方式实现消息的响应。 1.首先在对话框窗口(从SHostDialog继承的)中自定义windows消息,在BEGIN_MSG_MAP_EX...
  • liuyang20052005
  • liuyang20052005
  • 2017年06月29日 11:29
  • 226

开始学习SOUI.

2016 0303  发现了一个windows平台的 DirectX 界面设计方案。 名字:SOUI ;   似乎表示UI?Just SO SO! 。  启程软件: http://www.cnblog...
  • u011430225
  • u011430225
  • 2016年03月03日 16:46
  • 398

UI神器-SOUI

引用启程SOUI介绍
  • xuqiang918
  • xuqiang918
  • 2016年01月29日 12:10
  • 2103

C++ DirectUI库 SoUI

SOUI是什么?SOUI是一个C++ DirectUI库。 虽然DirectUI不是什么新技术,但是要把UI做好,DirectUI确实是目前为止最有效的解决方案。 SOUI不是一个新项目,它是基于...
  • bible521125
  • bible521125
  • 2015年06月30日 13:35
  • 1449

SOUI的配置和使用

上次说到SOUI只是做了一个简单的描述,那么今天我开始进行安装和使用。(vs2008+SOUI) 安装VS2008 这个就不在说了,网上教程一大堆。 编译源码库 1.1 进入下载的源码库 1.2...
  • u012963417
  • u012963417
  • 2015年12月18日 15:12
  • 1653

全开源界面库SOUI,实现炫丽的VC界面

  • 2016年07月13日 16:44
  • 30.96MB
  • 下载

soui官方文档

  • 2015年12月18日 14:47
  • 276KB
  • 下载

SOUI创建子窗口和父子窗口通讯

SOUI中创建有窗口句柄的xml布局的子窗口 为了运用SOUI完成基本的父子窗口切换问题,同时能够利用xml文件布局窗口界面,就要用到有窗口句柄的真窗口(SOUI这么叫)。每一个使用SOUI...
  • u010983763
  • u010983763
  • 2016年10月25日 13:32
  • 944
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SOUI 界面之tabctrl控件
举报原因:
原因补充:

(最多只允许输入30个字)