Android开发网

       像按钮、下拉框、列表、标签、图片、复选框、编辑框、分割面板、滑动面板、滑动条等都是比较常用的UI类，它们都属于Actor，可以很方便的纳入到舞台的管理中，而且都包含在com.badlogic.gdx.scenes.scene2d.ui包中，

       其实仔细看看UI类的实现代码不难发现其实它们都是大部分继承自Widget或者Table，如果需要自定义UI可以继承以上两个类（它们继承自Actor），这里要说明一下libgdx的布局部分使用了TWL，有兴趣的朋友可以去看看。

       在介绍每个控件之前我们先来看一下NinePatch，这是最近的一个比较重大的更新。

       何为NinePatch？其实android原生即有NinePatch类，常在按钮中使用。

       如图，将图片分成九份。中间部分可以根据需要扩大，使按钮的大小内容变动不受图片的限制。

       而在libgdx的NinePatch其实就是九个TextureRegion对象。

       常用的实例化方法有两个：

       public NinePatch (Texture texture, int left, int right, int top, int bottom)

       public NinePatch (TextureRegion region, int left, int right, int top, int bottom)

       关于其中的四个int型参数如何取值我们可以参考一下源码：

       先计算中间部分的宽度和高度。然后开始切图，首先取顶部的最左边的那个，即图中编号1的那块，然后去它右边的，然后再右边的。

       取完最上边的那行，然后取中间的那行，然后取最后一行的。

       由上自下，由左自右。

       而在绘制时又是如何处理的呢？看源码：

       先计算左右栏的宽度，在计算中间和顶部的高度。然后从下自上的绘制。说实话我觉得这段代码看着很好玩的。

       现在来说说几个常用的控件的使用吧。先构建一个舞台。

       先来试试Label吧，label是有缓存的，所以替换显示内容不是用setText方法，而是使用setWrappedText方法。

       代码如下：

       效果：

       然后再看看Button吧，实例化需要一个ButtonStyle，定义了按钮三种状态对应的图片样式，按下和松开时的X,Y偏移还有Button中文字绘制所需的BitmapFont和Color。

       按钮的三种状态的图片我就省了，只用一张图片。

       修改代码如下：

       效果：

       按钮自然应该有点击事件，通过setClickListener来设置：

       然后再看看CheckBox。CheckBox的样式定义在CheckBoxStyle中，需要4个参数，两种状态的各一张图片，一个BitmapFont和Color。

       这里我再添加一张图片：

       原理差不多，直接贴代码了。

       效果：

       其他的UI大致用法差不多，显示的样式在对应的Style或者Skin中定义。但是要注意有些UI类需要手动设置width和height，不然有些显示会很奇怪的。

       最后说一下Slider的用法。

       SliderStyle需要一个NinePath和Texture，我最初没有想通为什么不是两个NinePath，仔细看一下源码才了解到，NinePath是作为背景，而Texture那个是中间的那个滑动的方块。

       关于用配置文件设置Style的问题，google code的wiki上似乎没有写，但是在libgdx的论坛里面有，比如：

       或者