SOUI官方论坛

 找回密码
 立即注册
查看: 23|回复: 0

Button皮肤的制作

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

    [LV.9]以坛为家II

    539

    主题

    1265

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21960
    发表于 2022-3-19 17:08:55 | 显示全部楼层 |阅读模式
    第四篇:SOUI资源文件组织
    http://119.91.211.105:9999/forum.php?mod=viewthread&tid=1432
    (出处: SOUI官方论坛)

    这里定义了几类皮肤的特征,下面开始制作Button皮肤
    2022-03-19_163510.jpg
    默认有9个位置的颜色供我们设置,默认情况下的控件效果如下图
    2022-03-19_163947.jpg

    [XML] 纯文本查看 复制代码
    <skin>
            <button name="btn.custom" colorBorder="#CCCCCC" colorUp="#FFFFFF" colorDown="#FFFFFF" colorUpHover="#E7F2FF" colorDownHover="#E7F2FF" colorUpPush="#85BCFD" colorDownPush="#85BCFD"/>
    </skin>


    照上面的创建一个新的button,效果如下,分别为普通、hover、down三种状态的效果
    2022-03-19_170617.jpg 2022-03-19_170709.jpg 2022-03-19_170758.jpg
    若按下时不想要那个虚线框,设置drawFocusRect="0"即可
    2022-03-19_171213.jpg


    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

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

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

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