zoukankan      html  css  js  c++  java
  • 使用Duilib开发Windows软件(3)——控件的样式

    摘抄下 https://www.cnblogs.com/Alberl/p/3344936.html 的一段代码

    <?xml version="1.0" encoding="UTF-8"?>
    <Window size="800,600" mininfo="600,400" caption="0,0,0,32" sizebox="4,4,4,4">
      <VerticalLayout bkcolor="#FFF0F0F0" bkcolor2="#FFAAAAA0">
        <!-- 标题栏区 -->
        <HorizontalLayout height="32" bkcolor="#FFE6E6DC" bkcolor2="#FFAAAAA0">   
          <VerticalLayout /> 
          <VerticalLayout width="77"> 
              <Button name="minbtn"   tooltip="最小化" float="true" pos="0,5,22,24"  width="23" normalimage=" file='SysBtnMinNormal.bmp' " hotimage=" file='SysBtnMinFocus.bmp' " pushedimage=" file='SysBtnMinFocus.bmp' "/>
              <Button name="maxbtn"   tooltip="最大化" float="true" pos="22,5,44,24" width="23" normalimage=" file='SysBtnMaxNormal.bmp' " hotimage=" file='SysBtnMaxFocus.bmp' " pushedimage=" file='SysBtnMaxFocus.bmp' " />
              <Button name="restorebtn" visible="false" tooltip="还原" float="true" pos="22,5,44,24" width="23" normalimage=" file='SysBtnStoreNormal.bmp' " hotimage=" file='SysBtnStoreFocus.bmp' " pushedimage=" file='SysBtnStoreFocus.bmp' " />
              <Button name="closebtn" tooltip="关闭"   float="true" pos="44,5,74,24" width="28" normalimage=" file='SysBtnCloseNormal.bmp' " hotimage=" file='SysBtnCloseFocus.bmp' " pushedimage=" file='SysBtnCloseFocus.bmp' "/>
            </VerticalLayout>      
        </HorizontalLayout>
      </VerticalLayout>
    </Window>
    

    我只关心这三个按钮

    在原版Duilib中设置一个按钮样式,需要赋值三个属性:normalimage、hotimage、pushedimage,这样才能获得正常状态,按下状态,鼠标覆盖状态不一样的样式。
    网易版本把这个做成了一个属性:class

    <Class comment="需要在Global标签或者Window标签内定义">
    		<Attribute name="Class" default="" type="STRING" comment="自定义的控件样式的名字,在需要使用样式的地方直接指定这个名字,如(btn_default)"/>
    		<Attribute name="Value" default="" type="STRING" comment="内置的控件属性,如(text="测试" height="12")"/>
    </Class>
    

    下面是一个button

    <Button class="btn_global_blue_80x30" name="button" text="我是一个按钮" halign="center"/>
    

    btn_global_blue_80x30 实际上一组图片:

    其他的样式设置 : https://github.com/feipeng8848/NIM_Duilib_Framework/blob/master/docs/GLOBAL.md

  • 相关阅读:
    cocos2d-x 屏幕坐标系和OPenGL坐标系转换
    cocos2d-x 判断系统语言
    cocos2d-x 动画加速与减速
    高性能网络服务器编程:为什么linux下epoll是最好,Netty要比NIO.2好?
    Netty学习三:线程模型
    java NIO原理及实例
    java多线程系列(四)---ReentrantLock的使用
    Java并发之AQS详解
    微服务踩坑之边界
    设计模式:观察者模式(有利于代码解耦)
  • 原文地址:https://www.cnblogs.com/feipeng8848/p/11987950.html
Copyright © 2011-2022 走看看