libgdx学习记录7——Ui

libgdx中的UI设计主要通过其对应的Style类进行实现，也可以通过skin实现。如果没有编辑好的skin文件，可以创建一个默认的skin，再添加已经设计好的style类即可，然后在需要使用的地方直接调用skin会更加方便。

本文主要简单介绍Label和TextButton这两种比较常见的UI组件，代码如下。

 package com.fxb.newtest;

 import com.badlogic.gdx.ApplicationListener;
 import com.badlogic.gdx.Gdx;
 import com.badlogic.gdx.graphics.Color;
 import com.badlogic.gdx.graphics.GL10;
 import com.badlogic.gdx.graphics.Pixmap;
 import com.badlogic.gdx.graphics.Pixmap.Format;
 import com.badlogic.gdx.graphics.Texture;
 import com.badlogic.gdx.graphics.g2d.BitmapFont;
 import com.badlogic.gdx.graphics.g2d.TextureRegion;
 import com.badlogic.gdx.scenes.scene2d.Stage;
 import com.badlogic.gdx.scenes.scene2d.ui.Button;
 import com.badlogic.gdx.scenes.scene2d.ui.Button.ButtonStyle;
 import com.badlogic.gdx.scenes.scene2d.ui.Label;
 import com.badlogic.gdx.scenes.scene2d.ui.Label.LabelStyle;
 import com.badlogic.gdx.scenes.scene2d.ui.Skin;
 import com.badlogic.gdx.scenes.scene2d.ui.TextButton;
 import com.badlogic.gdx.scenes.scene2d.ui.TextButton.TextButtonStyle;
 import com.badlogic.gdx.scenes.scene2d.utils.Align;
 import com.badlogic.gdx.scenes.scene2d.utils.Drawable;
 import com.badlogic.gdx.scenes.scene2d.utils.TextureRegionDrawable;

 public class Lib002_Ui implements ApplicationListener{

     Stage stage;
     LabelStyle labelStyle;
     Label label, label2;
     BitmapFont font;
     ButtonStyle buttonStyle;
     TextButtonStyle textbuttonStyle;
     Button button;
     TextButton textbutton, textbutton2;

     Skin skin;

     @Override
     public void create() {
         // TODO Auto-generated method stub

         stage = new Stage();
         skin = new Skin();

         Pixmap pixmap = new Pixmap( , , Format.RGBA8888 );
         pixmap.setColor( Color.DARK_GRAY );
         pixmap.fill();
         Texture texture = new Texture( pixmap );
         Drawable draw1 = new TextureRegionDrawable( new TextureRegion( texture ) );

         pixmap.setColor( Color.GRAY );
         pixmap.fill();
         texture = new Texture( pixmap );
         Drawable draw2 = new TextureRegionDrawable( new TextureRegion( texture ) );

         font = new BitmapFont();
         labelStyle = new LabelStyle( font, Color.GREEN );
         labelStyle.background = draw1;

         label = new Label( "Very Good!", labelStyle );
         label.setAlignment( Align.right );
         //label.setSize( 100, 50 );
         label.setBounds( , , ,  );

         skin.add( "gray", texture, Texture.class );
         skin.add( "gray", labelStyle, LabelStyle.class );

         label2 = new Label( "Label2", skin, "gray" );
         label2.setSize( ,  );
         label2.setPosition( ,  );

         buttonStyle = new ButtonStyle( draw1, draw2, null );
         textbuttonStyle = new TextButtonStyle( draw1, draw2, null, font );
         textbuttonStyle.fontColor = Color.CYAN;

         textbutton = new TextButton( "TextButton", textbuttonStyle );
         textbutton.setBounds( , , ,  );

         skin.add( "gray", textbuttonStyle, TextButtonStyle.class );
         textbutton2 = new TextButton( "TextButton2", skin, "gray" );
         textbutton2.setBounds( , , ,  );

         stage.addActor( label );
         stage.addActor( label2 );
         stage.addActor( textbutton );
         stage.addActor( textbutton2 );
         Gdx.input.setInputProcessor( stage );
     }

     @Override
     public void resize(int width, int height) {
         // TODO Auto-generated method stub

     }

     @Override
     public void render() {
         // TODO Auto-generated method stub
         Gdx.gl.glClearColor( , , ,  );
         Gdx.gl.glClear( GL10.GL_COLOR_BUFFER_BIT );

         stage.act();
         stage.draw();
     }

     @Override
     public void pause() {
         // TODO Auto-generated method stub

     }

     @Override
     public void resume() {
         // TODO Auto-generated method stub

     }

     @Override
     public void dispose() {
         // TODO Auto-generated method stub
         stage.dispose();
         skin.dispose();
     }

 }

运行效果：