您的位置:首页 > 产品设计 > UI/UE

NGUI实现输入框和进度条

2015-10-17 17:11 260 查看
InputFiled
在UIroot下添加sprite(inputbg) 添加BoxCollider 和

UIInput脚本 作为输入框的背景, 在sprite下添加子物体label为占位符



这是inputbg 的视图



这是占位符label的显示视图



下面是效果图











进度条

在UIroot下添加sprite(bg) 添加UISlide组件
在sprite(pro)下添加sprite子物体
在子物体下添加sprite(hand )对象
在添加label子物体显示
其上下级关系为



bg的相关属性如下图 注意OnValueChange监听事件中拖入label 选择SetCurrentPercent 该方法直接显示比例换算完之后的百分数 个人感觉比UGUI方便多了



pro的相关属性 这里要注意将Type改为Tiled



hand的相关属性 滑动它可以改变进度



label只是单纯的用来显示百分比的进度
下面是效果图

当然 这些在NGUI内置的预设体中都有 个人觉得得知道它们如何完成的虽然很简单 就当加深印象,复习一遍好了 里面若有不当之处 还请指出 及时更改 多谢!!!









内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: