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

EUI组件之ProgressBar

时间:2018-05-26 16:44:22      阅读:1118      评论:0      收藏:0      [点我收藏+]

标签:str   变化   ima   val   one   sha   进度条   gre   UI   

一、ProgressBar常规使用

拖动一个progressbar到exml

技术分享图片

 

 代码中使用

/**
 * 主页场景
 * @author chenkai 2018/5/26
 */
class HomeScene extends eui.Component{
	private bar:eui.ProgressBar;

	public constructor() {
		super();
		this.skinName = "HomeSceneSkin";
	}

	protected childrenCreated(){
		this.bar.value = 50;  //设置进度为50
	}
}

  

实际效果

技术分享图片

 

 其他:

1. 进度条变化时,默认有一个动画效果

slideDuratio

技术分享图片

 

 2.更换progressbar样式

得复制一个默认皮肤,然后修改图片

再将这个皮肤赋值给组件

技术分享图片

 

EUI组件之ProgressBar

标签:str   变化   ima   val   one   sha   进度条   gre   UI   

原文地址:https://www.cnblogs.com/gamedaybyday/p/9093156.html

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