首页 > REDM设计器教程 > REDM设计器教程8-增加皮肤
2016十月24

REDM设计器教程8-增加皮肤

[隐藏]

在前面的教程中,我们给gif控件,增加一个qqbg.gif背景,并给gif控件加了一个子控件button(关闭按钮)

生成资源MyRes+本节close图片资源下载—>

MyRes.zip

close.zip

   

我们先把之前的img和skin都删除吧,因为以前的png类型中图片全部无效了,所以这里就用了点取巧的方式

1.先删除png类型(附带删除了png类型下所有图片)

2.直接体检出baseskin皮肤池的所有皮肤都缺失图片,所以自动修复删除(注意动画中的baseskin下子列表在修复后删除了)

3.再新建png类型,用于保存我们准备新加的png图片

8.gif

   

   

1.增加Img

这次我们为子控件button增加一个img图片,使用多图模式吧

9.gif

操作步骤如下:

1.勾选使用多图拼接

2.依次拖动close_normal.png、close_hover.png、close_down.png进去

3.把图片名改成close.png,把name改成close,因为它是在png这个类型下的,意味着png:close做为这张图片的唯一标识,即前面 皮肤介绍 中提到的src="png:XXX"

4.把拼接的图片保存在image这个子目录下

   

   

2.增加皮肤

我们为上面的png:close这个标识的图片加一个皮肤,这里使用了状态连图,拉伸的方式

10.gif

1.在png目录下选择close.png这个图片,我们可以注意到最上面自动加入src="png:close"

2.把状态数设置为3,明显,这是三态图,类型默认就是imglist(状态连图)

3.把id设置为close(id是皮肤的唯一标识,我们可以叫任意名字,但不要重复了)

  

   

3.添加,删除prop属性

和上一节一样,这次我们把button的属性改变下,增加一个skin,把初始非客户区边框删除掉(ncmargin)去掉文字(text),然后加上skin指定刚刚加入的png:close

skin prop是用来指定通用的客户区皮肤

11.gif

    

  下一节教程:REDM设计器教程9-复制,粘贴控件

   

文章作者:hgy413
本文地址:http://hgy413.com/3568.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

本文目前尚无任何评论.

发表评论