码迷,mamicode.com
首页 > 其他好文 > 详细

slider制作经验条/血条/遮罩

时间:2017-09-26 12:54:35      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:blog   解决方案   图片替换   com   问题:   ima   tail   格式   图片缩放   

今天想实现一个经验条的制作,但是使用slider一直做起来都有些问题:

1.在自己添加的slider组件上放置full rect 和handle rect这两个属性的时候,图片会被拉伸

2.在改变slider的value时,图片缩放大小达不到指定幅度

3.如何在图片上添加一个遮罩,通过修改遮罩的大小来改变经验条的大小

一、图片拉伸问题:

  应该是手动添加slider组件导致的问题,我的解决方案是全删掉,重新添加一个做好的slider预制进来,然后在做好的预制上进行修改,不过要调整好包括full rect和handle rect还有slider本身的大小,最好都调整成一致的,然后把对应的图片替换成已经制作好的美术资源。

  p.s.其中在修改里面填充条的时候,可能会因为图片的拉伸导致左右的纹理被拉伸,这个时候可以使用sprite的九宫格模式对图片进行修改。

  当你把图片使用九宫格切开后,图片就会使用对应的拉伸规则进行拉伸,详细可以参照下面的教程进行学习。拉伸后注意要把image的格式设置成

技术分享

  九宫格教程在这里:http://www.unity.5helpyou.com/3258.html

二、图片缩放大小不够:

  这个是你的full rect和handle rect共同导致的,只要把他们两个的大小调成一样的,应该就不会出现这种问题了
三、关于遮罩:

  遮罩的话,我也是胡乱配置,然后就可以用了。。

  因为遮罩肯定需要父子关系嘛,然后被遮罩的肯定就是内部的进度条,所以使用父物体进行遮罩的时候,我也使用了和进度条一样的sliced类型,并勾选了fill center,然后把这个父物体拖给slider的fill rect就可以用了。

  关于遮罩,我也查了相关资料,在这:http://blog.csdn.net/u013015161/article/details/46038989

四、最后,关于我的slider配置信息大致如下:

层级视图布局:技术分享

slider组件技术分享

遮罩组件技术分享

实际效果:技术分享

slider制作经验条/血条/遮罩

标签:blog   解决方案   图片替换   com   问题:   ima   tail   格式   图片缩放   

原文地址:http://www.cnblogs.com/CasualAttachment/p/7596059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!