首页 > REDM设计器教程 > REDM设计器教程10-控件练习1
2016十一月1

REDM设计器教程10-控件练习1

[隐藏]

生成资源初始MyRes+本节各种图片资源下载—>

MyRes.zip

Img.zip

 修改后MyRes资源包下载–>

MyRes.zip

我们这节的目标是使用设计器拖拉出一个基本的QQ登陆框,最终效果图如下:

blob.png

   

1.增加最上面的qqlogin

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQlogin.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQlogin.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,

2.选择QQlogin名称的img(刚生成的img)生成QQlogin名称的皮肤,将id设置为QQlogin

3.点击确认生成皮肤

22.gif

  

控件添加

1.解锁,在gif控件上拖拉出一个static子控件

2.将坐标设置为150,65,@130,@60

3.删除ncmargin属性(使用delete快捷键),把text属性清空

4.从DUIStyleAttr中增加skin属性,填上QQlogin

23.gif

  

  

2.增加左边小Q头像

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQ.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQ.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,

2.选择QQ名称的img(刚生成的img)生成QQ名称的皮肤,将id设置为QQ

3.点击确认生成皮肤

24.gif

  

控件添加

1.解锁,在主背景上拖拉出一个static子控件(注意,不是gif控件上)

2.将坐标设置为42,190,@80,@80

3.删除ncmargin属性(使用delete快捷键),把text属性清空

4.从DUIStyleAttr中增加skin属性,填上QQ

25.gif25.gif

   

  

3.增加左边角小图标

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQleft.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQleft.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,把状态数设置为3,因为是三态连图

2.选择QQleft名称的img(刚生成的img)生成QQleft名称的皮肤,将id设置为QQleft

3.点击确认生成皮肤

26.gif

控件添加

1.解锁,在主背景上拖拉出一个button子控件(注意,不是gif控件上,因为要响应消息,所以使用button而不是static)

2.将坐标设置为6,-30,@24,@24

3.删除ncmargin属性(使用delete快捷键),把text属性清空

4.从DUIStyleAttr中增加skin属性,填上QQleft

27.gif

  

   

4.增加右边角小图标

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQright.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQright.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,把状态数设置为3,因为是三态连图

2.选择QQright名称的img(刚生成的img)生成QQright名称的皮肤,将id设置为QQright

3.点击确认生成皮肤

28.gif

  

控件添加

1.解锁,复制QQleft对应的控件,在主背景上粘贴一份

2.将坐标设置为-30,-30,@22,@22

3.把skin属性改为QQright

29.gif

     

5.增加中间的cbx底图

先给中间的输入帐号、密码框留个底图吧

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQcbxbg.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQcbxbg.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img

2.选择QQcbxbg名称的img(刚生成的img)生成QQcbxbg名称的皮肤,将id设置为QQcbxbg

3.点击确认生成皮肤

30.gif

 

控件添加

1.解锁,在主背景上拖拉出一个window子控件(注意,不是gif控件上)

2.将坐标设置为134,190,@194,@59

3.删除ncmargin属性(使用delete快捷键),把text属性清空

4.从DUIStyleAttr中增加skin属性,填上QQcbxbg

31.gif

  

  

6.增加记住密码钩选框

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQcheckbox.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQcheckbox.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,把状态数设置为8,因为是三态连图

2.选择QQcheckbox名称的img(刚生成的img)生成QQcheckbox名称的皮肤,将id设置为QQcheckbox

3.点击确认生成皮肤

32.gif

   

 

控件添加

1.解锁,在主背景上拖拉出一个Checkbox子控件(注意,不是gif控件上)

2.将坐标设置为133,256,@66,@20

3.删除ncmargin属性(使用delete快捷键),把text属性改为记住密码

4.把clrbgalpha值改为0(从左到右依次为BGRA),即背景透明

5.给checkskin加上QQcheckbox

6.从DUIStyleAttr中增加font属性,选择小五号

7.从DUIStyleAttr中增加clrtext属性,设置为BGRA(128,128,128,255),即把文本颜色设置为灰色

33.gif

  

  

7.增加自动登陆钩选框

控件添加

1.解锁,复制记住密码对应的控件,在主背景上粘贴一份

2.将坐标设置为261,256,@60,@20

3.把text属性改为自动登陆

34.gif

  

  

8.增加注册帐号

控件添加

1.解锁,在主背景上拖拉出一个button子控件(注意,不是gif控件上)

2.将坐标设置为334,190,@90,@20

3.删除ncmargin属性(使用delete快捷键),把text属性设置为注册帐号

4.把clrbgalpha值改为0(从左到右依次为BGRA),即背景透明

5.从DUIStyleAttr中增加align属性,使用left选项,原本默认是center选项,即文本居中了,我们改成靠左

6.从DUIStyleAttr中增加clrtext、clrtexthover、clrtextpush三个属性,它们分别表示正常,停留,点击时文本的颜色,然后随便给它们三选择一个值吧,注意,alpha要设置为255(clrtexthover、clrtextpush默认为0)

7.从DUIStyleAttr中增加font属性,设置小五号

35.gif

  

9.增加找回密码

控件添加

1.解锁,复制注册帐号对应的控件,在主背景上粘贴一份

2.将坐标设置为335,220,@90,@20

3.把text属性改为找回密码

36.gif

  

10.增加安全登陆

步骤如下:

img生成:

1.在主题包theme0png类型下右击,选择增加IMG菜单.

2.拖入QQbtn.png到界面上,选择保存图片的目录为theme0下的image目录,默认名字就叫QQbtn.

3.点击确认生成img

皮肤生成

1.选择皮肤池(全局)列表下的名称为baseskin的皮肤池,右击,选择增加皮肤菜单

2.从theme0的png类型下选择刚加入的img,把状态数设置为3,因为是三态连图

2.选择QQbtn名称的img(刚生成的img)生成QQbtn名称的皮肤,将id设置为QQbtn

3.点击确认生成皮肤

37.gif

  

控件添加

1.解锁,复制QQleft对应的控件,在主背景上粘贴一份

2.将坐标设置为134,-44,@194,@30

3.把skin属性改为QQbtn

38.gif

    下一节教程:REDM基础教程10-注册新的控件

   

  

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

14 Responses to “REDM设计器教程10-控件练习1”

  1. #1 minecraft 回复 | 引用 Post:2018-10-06 02:12

    Because the admin of this web page is working, no
    hesitation very shortly it will be renowned, due to its
    quality contents.

  2. #2 minecraft 回复 | 引用 Post:2018-10-07 14:38

    This post is really a good one it helps new web users, who
    are wishing in favor of blogging.

  3. It’s actually a cool and helpful piece of information. I am glad
    that you shared this useful info with us. Please
    keep us informed like this. Thank you for sharing.

  4. Fantastic blog you have here but I was wondering if you knew of any user discussion forums that cover the same topics talked about here?

    I’d really love to be a part of community where I can get feedback from other experienced people that share the same interest.
    If you have any recommendations, please let me know.
    Bless you!

  5. Fastidious answers in return of this matter with solid arguments and telling all about that.

  6. #6 tinder dating site 回复 | 引用 Post:2018-10-16 06:30

    Awesome blog! Is your theme custom made or did you download
    it from somewhere? A theme like yours with a few simple tweeks would really make my blog jump out.
    Please let me know where you got your design. With thanks

  7. #7 Benefits of Coconut Oil 回复 | 引用 Post:2018-10-21 12:17

    Your means of telling everything in this paragraph is actually good, every one be able to effortlessly understand it, Thanks a lot.

  8. #8 descargar facebook 回复 | 引用 Post:2018-11-02 02:45

    I blog often and I seriously thank you for your information. Your
    article has really peaked my interest. I am going to bookmark your
    site and keep checking for new information about once a week.
    I subscribed to your RSS feed too.

  9. #9 quest bars cheap 回复 | 引用 Post:2018-11-03 07:34

    Magnificent website. Plenty of useful info here. I’m sending it to a few buddies
    ans additionally sharing in delicious. And certainly, thanks on your
    effort!

  10. #10 Sling TV 回复 | 引用 Post:2018-11-10 22:42

    I’ve been surfing online more than 4 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for
    me. In my opinion, if all website owners and bloggers made good content as
    you did, the net will be a lot more useful than ever before.

  11. Great weblog right here! Additionally your
    website loads up very fast! What host are you the use of?
    Can I get your associate hyperlink on your host? I want my
    site loaded up as fast as yours lol

  12. #12 Sling TV 回复 | 引用 Post:2018-11-14 22:35

    We are a gaggle of volunteers and starting a
    brand new scheme in our community. Your website offered us with valuable info to work on. You
    have done an impressive task and our entire group shall be grateful to you.

  13. Sling tv coupons and promo codes for november 2018
    A person necessarily lend a hand to make seriously articles I might state.
    That is the very first time I frequented your web page and to
    this point? I surprised with the analysis you made to create this particular submit amazing.
    Great task! Sling tv coupons and promo codes for
    november 2018

  14. I used to be suggested this website by means of my cousin. I’m now not
    certain whether this post is written through him as nobody else
    recognise such detailed about my problem. You’re amazing!

    Thank you!

发表评论