LibGDX_6.3: 常用系统控件: 按钮（Button）

旧城等待， 2021-09-22 04:38 414阅读 0赞

本文链接: [http://blog.csdn.net/xietansheng/article/details/50187861][http_blog.csdn.net_xietansheng_article_details_50187861]

[LibGDX 基础教程（总目录）][LibGDX]

## **1. 按钮（Button）** ##

按钮是游戏开发中常用的控件，一个按钮一般可分为两种状态，按下状态和弹起状态，可以使用两张图片分别来表示。按钮还通常与事件监听一起使用，用于触发某一事件（开始游戏，暂停游戏，发射子弹等）。

这里需要使用的下面两张按钮图片：

![button\_1.png][button_1.png] ![button\_2.png][button_2.png]

这两张图片分别代表按钮的弹起和按下状态，把这两张图片保存到本地，重命名为 **button\_1.png** 和 **button\_2.png**，然后复制到 assets 资源文件夹中。

## **2. 代码示例: Button 的使用** ##

package com.libgdx.test;
    		
    import com.badlogic.gdx.Application;
    import com.badlogic.gdx.ApplicationAdapter;
    import com.badlogic.gdx.Gdx;
    import com.badlogic.gdx.graphics.GL20;
    import com.badlogic.gdx.graphics.Texture;
    import com.badlogic.gdx.graphics.g2d.TextureRegion;
    import com.badlogic.gdx.scenes.scene2d.InputEvent;
    import com.badlogic.gdx.scenes.scene2d.Stage;
    import com.badlogic.gdx.scenes.scene2d.ui.Button;
    import com.badlogic.gdx.scenes.scene2d.utils.ClickListener;
    import com.badlogic.gdx.scenes.scene2d.utils.TextureRegionDrawable;
    import com.badlogic.gdx.utils.viewport.StretchViewport;
    	
    /** * 游戏主程序的启动入口类 */
    public class MainGame extends ApplicationAdapter { 
    	
    	private static final String TAG = MainGame.class.getSimpleName();
    	
    	// 视口世界的宽高统使用 480 * 800, 并统一使用伸展视口（StretchViewport）
    	public static final float WORLD_WIDTH = 480;
    	public static final float WORLD_HEIGHT = 800;
    	
    	// 舞台
    	private Stage stage;
    	
    	// 按钮 弹起 状态的纹理
    	private Texture upTexture;
    	
    	// 按钮 按下 状态的纹理
    	private Texture downTexture;
    	
    	// 按钮
    	private Button button;
    	
    	@Override
    	public void create() { 
    		// 设置日志输出级别
    		Gdx.app.setLogLevel(Application.LOG_DEBUG);
    		
    		// 使用伸展视口（StretchViewport）创建舞台
            stage = new Stage(new StretchViewport(WORLD_WIDTH, WORLD_HEIGHT));
            
            // 将输入处理设置到舞台（必须设置, 否则点击按钮没效果）
            Gdx.input.setInputProcessor(stage);
            
            /* * 第 1 步: 创建 弹起 和 按下 两种状态的纹理 */
    		upTexture = new Texture(Gdx.files.internal("button_1.png"));
    		downTexture = new Texture(Gdx.files.internal("button_2.png"));
    		
    		/* * 第 2 步: 创建 ButtonStyle */
    		Button.ButtonStyle style = new Button.ButtonStyle();
    		
    		// 设置 style 的 弹起 和 按下 状态的纹理区域
    		style.up = new TextureRegionDrawable(new TextureRegion(upTexture));
    		style.down = new TextureRegionDrawable(new TextureRegion(downTexture));
    		
    		/* * 第 3 步: 创建 Button */
    		button = new Button(style);
    		
    		// 设置按钮的位置
    		button.setPosition(100, 200);
    		
    		// 给按钮添加点击监听器
    		button.addListener(new ClickListener() { 
    			@Override
    			public void clicked(InputEvent event, float x, float y) { 
    				Gdx.app.log(TAG, "按钮被点击了");
    			}
    		});
            
    		/* * 第 4 步: 添加 button 到舞台 */
            stage.addActor(button);
    	}
    
    	@Override
    	public void render() { 
    		// 黑色清屏
    		Gdx.gl.glClearColor(0, 0, 0, 1);
    		Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
    		
    		// 更新舞台逻辑
    		stage.act();
    		// 绘制舞台
    		stage.draw();
    	}
    
    	@Override
    	public void dispose() { 
    		// 应用退出时释放资源
    		if (upTexture != null) { 
    			upTexture.dispose();
    		}
    		if (downTexture != null) { 
    			downTexture.dispose();
    		}
    		if (stage != null) { 
    			stage.dispose();
    		}
    	}
    
    }

运行代码，点击按钮，查看控制台日志的输出：

![sy\_result.png][sy_result.png]

![sy\_result-log.png][sy_result-log.png]

--------------------

![18975746.asp][]

[http_blog.csdn.net_xietansheng_article_details_50187861]: http://blog.csdn.net/xietansheng/article/details/50187861
[LibGDX]: http://blog.csdn.net/xietansheng/article/details/50185655
[button_1.png]: https://img-blog.csdn.net/20151205175538848
[button_2.png]: /images/20210920/193eba8342384bbc8db59e63f97ad8ec.png
[sy_result.png]: /images/20210920/0d4baca26e084f57afc39bb7d7f3f10b.png
[sy_result-log.png]: /images/20210920/e9c794409567421da648ca2f9c668fbe.png
[18975746.asp]: http://img.users.51.la/18975746.asp