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

今天想实现一个经验条的制作,但是使用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组件

遮罩组件

实际效果:

五、tips

  被遮罩的经验条或是血条的锚点需要调到左边,这样才不会跟着父物体移动

posted @ 2017-09-26 11:58  萌新小L  阅读(1179)  评论(0编辑  收藏  举报