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组件

遮罩组件

实际效果:

时间: 2024-11-05 17:27:28

slider制作经验条/血条/遮罩的相关文章

Shader实例:NGUI制作网格样式血条

效果: 思路: 1.算出正确的uv去采样过滤图,上一篇文章说的很明白了.Shader实例:NGUI图集中的UISprite正确使用Shader的方法 2.用当前血量占总血量的百分比来设置shader中的变量,来控制血条的裁剪. 实际操作中,在shader中声明一个uniform float _Factor 然后在C#脚本中,对这个变量进行设置,结果发现,界面上不能实时响应这个值,进行正确的裁剪. 那么我只好牺牲color的一个分量,比如设置g分量,shader中用g分量的值来对血条进行裁剪.最终

Cocos2d-x实现游戏怪物血条血条

最近刚接触cocos2d  在需求中需要血条,顺便写个 首先自己写个方法 //怪物血条 void Fighting::getBloodbar(MenuItemImage  *guaisprite ,float a){ //guaispirte为怪物精灵的参数 CCSprite *pBloodKongSp = CCSprite::create("b.png");//空血条 pBloodKongSp->setPosition(Vec2(guaisprite->getConten

Ogre之简易地模拟人物退格血条

写在前面: 首先,在制作该人物血条前,我需要声明以下几点: 1.人物的血条属于简易制作的退格方式,不是连续的进度条类型. 2.该血条制作纯属快速开发完成,没有达到精细的程度,高手可以绕道. 以以上两点为前提,我粗略的讲述一下我在OGRE中用CEGUI制作血条的过程. 首先,人物头像用了一张我很喜欢的全职猎人中奇伢的图片: 紧接着,为了配合紫色色调,我我选取了一种紫色的血条单元: 有了血条单元(这里我称之为紫星),之后,用图片制作工具拼接制作了11张图片, 从0星紫星一直到10星紫星,取名为pur

UI3D转2D平面显示UI3DTo2D血条显示

UI3D转2D平面显示UI3DTo2D血条显示: using UnityEngine; using System.Collections; public class UI3DTo2D : MonoBehaviour { private GameObject _TargetEnemyObj;                //目标物体 private Camera worldcamera;                        //世界相机 private Camera guiCamera

Unity UGUI Canvas 使用Slider制作角色血条

最近课程实训选修Unity,讲解的是Unity官方案例--SpaceShoot,培训无聊,便想着给游戏角色制作一下血条,以此增加游戏的可玩性. Unity版本:5.4.1 案例模版:太空射击 原文作者:茄阁云云 原文连接:http://www.cnblogs.com/vmoor2016/p/6044941.html 把一个大象装进冰箱里需要三步:①把冰箱门打开:②把大象塞冰箱里:③关上冰箱门. 那么制作一个角色的血条需要几部呢?在这里也划分为三步:①制作血条:②摆放血条:③操作血条. 下面就来给

横版游戏制作之英雄技能CD遮罩,人物头像血条属性

上图就是技能CD的一个效果,在此我需要给介绍下,cocosStuido这个工具中的UI Eidtor功能,编辑UI真的是很方便,至于怎么使用它,我相信您可以随便看看网上的东西,自己摸索,参考接下来的代码就知道了 在UI编辑器中,我们的技能是没有CD遮罩效果的,那怎么实现的呢? 答案就是:在点击触摸技能时,我们在技能的上方覆盖一张灰色的图片(这个你可以用PS去制作一张),大小与技能图标相同,然后根据每个技能的CD时间,产生一个扇形进度动画,动画结束后取消定时器跟这个遮罩对象就可以了 至于人物头像的

使用NGUI制作进度条(血条/蓝条)

制作血条和蓝条,原理都是一样的,下面创建一个可以复用的进度条. 第一步,搭建基本的UI显示界面,使用NGUI(没有插件的童鞋可以看我上一遍文章 )创建一个基本的进度条界面. 选中UIRoot,在Scene视图中,创建一个Sprite,重命名为NumberBar,为其选择图集和精灵,修改其大小到合适位置(256* 32).在其上右键,Attach一个Box Collider,然后再右键Attach一个Slider Script.我们会看到Slider组件会有些参数,我们会在稍后解释. 选中刚创建的

Unity3d中NGUI加强版血条(Healthbar)的制作

这阵子项目中需要用到一种特殊样式的血条.描述如下: 1. 正常颜色为红色.受到伤害后,即将扣除的血量变暗(暗红色),并有下降动画效果: 2. 加护盾效果后,增加一部分血量值,该额外部分为白色,护盾效果消失后该部分血量瞬间消失: 3. 在护盾效果下受到伤害时,首先扣除白色血量.白色血量不足扣除时,余下部分从红色血量中扣除: 4. 白色血量的扣除效果为变为灰色并有下降动画效果: 4. 当加护盾效果时,若即将添加的白色血量将使总血条“溢出”,从新计算百分比并排满血条: 5. 中毒时,将相应的血量(按照

unity制作简单血条

学习Unity已经10天了,也没发现有什么长进,真的急.昨天仿着官方Demo做了个射击游戏轮廓,其中需要给每个怪做一个血条. 搜了一些,挺复杂的,用NGUI或者UGUI,外加很长的代码...不过还是找到了一篇简单的. 但是那一篇把所有的东西都放一起了,不太好,我在这整理分离一下. 背景: 官方Demo恶魔射手.其中每个怪都有一个EnemyHealth脚本,该脚本主要有怪物的血量等,然后有个TakeDamage()函数来计算伤害后的血量. 开始: 1.制作图片: PS一张细长的红色图片作为血量: