首页 > 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
版权所有 © 转载时必须以链接形式注明作者和原始出处!

4 Responses to “REDM设计器教程8-增加皮肤”

  1. #1 Сialis 回复 | 引用 Post:2019-02-17 07:02

    I’m curious to find out what blog platform you are using?
    I’m experiencing some minor security problems with my latest blog
    and I’d like to find something more risk-free.
    Do you have any solutions?

  2. #2 minecraft 回复 | 引用 Post:2019-04-08 09:02

    Fantastic blog! Do you have any suggestions for aspiring
    writers? I’m planning to start my own site soon but I’m a little lost on everything.
    Would you advise starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m totally overwhelmed ..
    Any recommendations? Bless you!

  3. #3 minecraft 回复 | 引用 Post:2019-04-09 02:10

    Wonderful goods from you, man. I’ve understand your stuff
    previous to and you’re just extremely excellent.
    I actually like what you’ve acquired here, really
    like what you’re saying and the way in which you say it.
    You make it entertaining and you still take care of to keep it smart.

    I cant wait to read much more from you. This is really
    a tremendous web site.

  4. #4 minecraft 回复 | 引用 Post:2019-04-09 09:24

    Great post. I used to be checking continuously this weblog and I am impressed!
    Extremely useful info specifically the ultimate part :) I care for such info a lot.
    I used to be looking for this particular info for a long time.
    Thanks and good luck.

发表评论