Android开发_libgdx游戏引擎教程外篇 优美的自定义进度条 (八)

android游戏开发框架libgdx的使用（四）--舞台和演员

http://www.apkbus.com/android-19750-1-1.html

libgdx 学习笔记二绘制图像

http://www.apkbus.com/android-44573-1-1.html

我们先新建一个ProgressBar的类，这个类继承自Libgdx中的演员Actor类，并实现了我在第二讲中提到过的Disposable接口，为的是能及时释放内存。

1. public class ProgressBar extends Actor implements Disposable{
   
2.     Texture platform;
   
3.     Texture bar;
   
4.     int height;
   
5.     int width;
   
6.     float progress;
   
7.     //做了一个简单的适配，powerx和powery分别当前设备分辨率的权重，以现在主流的800*480为基准
   
8.     float powerx;
   
9.     float powery;
   
10.     @Override
    
11.     public void draw(SpriteBatch batch, float arg1) {
    
12.        // TODO Auto-generated method stub
    
13.        batch.draw(platform, (Gdx.graphics.getWidth()-bar.getWidth()*powerx)/2, 0,platform.getWidth()*powerx,platform.getHeight()*powery);
    
14.     batch.draw(bar,(Gdx.graphics.getWidth()-bar.getWidth()*powerx)/2,0,bar.getWidth()*progress/100f*powerx,bar.getHeight()*powery);
    
15.     }
    
16. 
    
17.     @Override
    
18.     public Actor hit(float arg0, float arg1) {
    
19.        // TODO Auto-generated method stub
    
20.        return null;
    
21.     }
    
22. 
    
23.     public ProgressBar(int x,int y) {
    
24.        super();
    
25.        //设定Actor的位置，这里并没有什么用，纯粹为了和大家介绍一下
    
26.        this.x=x;
    
27.        this.y=y;
    
28.        platform=new Texture(Gdx.files.internal("black.png"));
    
29.        bar=new Texture(Gdx.files.internal("green.png"));
    
30.        height=Gdx.graphics.getHeight();
    
31.        width=Gdx.graphics.getWidth();
    
32.        //做了一个简单的适配，powerx和powery分别当前设备分辨率的权重，以现在主流的800*480为基准
    
33.        powerx=Gdx.graphics.getWidth()/800f;
    
34.        powery=Gdx.graphics.getHeight()/480f;
    
35.     }
    
36.     public void setProgress(float progress){
    
37.        this.progress=progress;
    
38.     }
    
39.     public void dispose() {
    
40.        // TODO Auto-generated method stub
    
41.        platform.dispose();
    
42.        bar.dispose();
    
43.     }
    
44.    
    
45. }

复制代码

这里对上面的变量和语句都做一个简单的说明：

Texture platform;

Texture bar;

前者是进度条的底座的图片，而bar则代表进度条的图片。

       至于Actor中的draw()方法，这是一个系统自动调用的方法，描述这个演员Actor实例怎么绘制，draw()方法并不需要我们人工去调用，而是在把Actor加入舞台Stage中后，在ApplicationListener的render()函数中不停地调用stage.draw(),系统会自动调用已经加入stage中的actor的draw()方法，也就将actor一起绘制出来了。具体请看：

android游戏开发框架libgdx的使用（四）--舞台和演员

http://www.apkbus.com/android-19750-1-1.html

剩下的语句也很简单，draw() 中用SpriteBatch 画出了两张图，其中bar 的绘制长度根据进度progress 变化，也就产生了进度条的效果。

这次我们重写一个 ApplicationListener ，再用 AndroidApplication 启动，源码还是在第三讲的基础上进行修改和添加。

1. public class Progress implements ApplicationListener {
   
2.     ProgressBar bar;
   
3.     Stage stage;
   
4.     @Override
   
5.     public void create() {
   
6.        // TODO Auto-generated method stub
   
7.        bar=new ProgressBar(0,0);
   
8.        //新建一个舞台
   
9.        stage=new Stage(Gdx.graphics.getWidth(),Gdx.graphics.getHeight(), true);
   
10.        stage.addActor(bar);
    
11.     }
    
12. 
    
13.     @Override
    
14.     public void dispose() {
    
15.        // TODO Auto-generated method stub
    
16.        bar.dispose();
    
17.     }
    
18. 
    
19.     @Override
    
20.     public void pause() {
    
21.        // TODO Auto-generated method stub
    
22. 
    
23.     }
    
24. 
    
25.     @Override
    
26.     public void render() {
    
27.        // TODO Auto-generated method stub
    
28.        Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
    
29.        Gdx.gl.glClearColor(1f,1f,1f,0f);
    
30.        stage.act(Gdx.graphics.getDeltaTime());
    
31.        stage.draw();
    
32.        if(bar.progress<100)
    
33.            bar.progress+=0.5;
    
34.        //重新置零
    
35.        if(bar.progress==100)
    
36.            bar.progress=0;
    
37.     }
    
38. 
    
39.     @Override
    
40.     public void resize(int arg0, int arg1) {
    
41.        // TODO Auto-generated method stub
    
42. 
    
43.     }
    
44. 
    
45.     @Override
    
46.     public void resume() {
    
47.        // TODO Auto-generated method stub
    
48. 
    
49.     }
    
50. 
    
51. }

复制代码

这里相比之前的 demo 有一处变化 :

Gdx. gl.glClear(GL10. GL_COLOR_BUFFER_BIT);

Gdx. gl.glClearColor(1f,1f,1f,0f);

大家可以看到我将清屏后的颜色置为（ 1 ， 1 ， 1 ， 0 ），即为白色，大家可以在下面看到效果。

再用AndroidApplication启动：

1. public class MyGame implements ApplicationListener {
   
2.     SpriteBatch batch;
   
3.     BitmapFont bf;
   
4.     ParticleEffect particle;
   
5.     ParticleEffect tem;
   
6.     ParticleEffectPool particlepool;
   
7.     ArrayList<ParticleEffect> particlelist;
   
8.         public void create () {
   
9.                 // STUB
   
10.         batch=new SpriteBatch();
    
11.         bf=new BitmapFont();
    
12.         //初始化粒子变量
    
13.         particle = new ParticleEffect();
    
14.         particle.load(Gdx.files.internal("particle.p"), Gdx.files.internal(""));
    
15.         particlepool=new ParticleEffectPool(particle, 5, 10);
    
16.         particlelist=new ArrayList<ParticleEffect>();
    
17.         }
    
18. 
    
19.         public void render () {
    
20.                 // STUB
    
21.         Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
    
22.         Gdx.gl.glClearColor(0f,0f,0f,0f);
    
23.         batch.begin();
    
24.         bf.draw(batch, "Testin  Mkey libgdx(3)",Gdx.graphics.getWidth()*0.4f, Gdx.graphics.getHeight()/2);
    
25.         batch.end();
    
26.         if(true){
    
27.              if(Gdx.input.isTouched()){
    
28.                 //当此触摸点与上一触摸点距离大于一定值的时候触发新的粒子系统，由此减小系统负担
    
29.                 tem=particlepool.obtain();
    
30.                 tem.setPosition(Gdx.input.getX(),Gdx.graphics.getHeight()-Gdx.input.getY());
    
31.                 particlelist.add(tem);
    
32.              }
    
33.              batch.begin();
    
34.                 for(int i=0;i<particlelist.size();i++){
    
35.              particlelist.get(i).draw(batch, Gdx.graphics.getDeltaTime());
    
36.                 }
    
37.                 batch.end();
    
38.       
    
39.                 //清除已经播放完成的粒子系统
    
40.                 ParticleEffect temparticle;
    
41.                 for(int i=0;i<particlelist.size();i++){
    
42.                   temparticle=particlelist.get(i);
    
43.                  if(temparticle.isComplete()){
    
44.                      particlelist.remove(i);
    
45.                  }
    
46.                 }
    
47.              }
    
48.         }
    
49. 
    
50.         public void resize (int width, int height) {
    
51.                 // STUB
    
52.         }
    
53. 
    
54.         public void pause () {
    
55.                 // STUB
    
56.         }
    
57. 
    
58.         public void resume () {
    
59.                 // STUB
    
60.         }
    
61. 
    
62.         public void dispose () {
    
63.                 // STUB
    
64.         batch.dispose();
    
65.         bf.dispose();
    
66.         //千万别忘了释放内存
    
67.         particle.dispose();
    
68.         if(tem!=null)
    
69.             tem.dispose();
    
70.         particlepool.clear();
    
71.         }
    
72. }

复制代码

运行即可，大功告成！

附 福利图：

哈哈，下面是我的用 libgdx 写 的一个比较大的游戏，还没有完全写好，可以先泄露一点谍照哦，如果大家喜欢 Libgdx 的话，请多多支持我的 Testin杯libgdx系列教程，如果支持的人多而且大家都想要源码的话，我考虑把源码放出来供大家学习学习。

游戏其实就是宠物养成游戏，可以普通对战及蓝牙对战，宠物进化等等。