Android UI简介

    Android SDK包含许多控件，可以使用它们来为应用程序构建用户界面。Android SDK提供了文本字段、按钮、列表、网格等控件。此外，Android还提供了一组适合移动设备的控件。Android应用的绝大部分组件都放在android.widget包及其子包、android.view包及其子包中。常见控件的核心是两个类：android.view.View和android.view.ViewGroup。

View类表示一份通用的View对象。Android中的常见控件最终都会扩展View类。一个视图(View)在屏幕上占据了一块矩形区域，它负责渲染这块矩形区域，也可以处理这块矩形区域发生的事件，并且可以设置这块区域是否可见，是否可以获取焦点等。

    ViewGroup也是一个视图，但它还包含其他视图，作用就是View的容器，负责对添加进ViewGroup的这些View进行布局。ViewGroup是一些布局类的基类。像Swing一样，Android使用布局的概念来管理控件在容器视图中的摆放。当然，一个ViewGroup也可以加入到另一个ViewGroup里边，因为ViewGroup也是继承于View.Viewgroup类，它是一个抽象类，也是其他容器类的基类。

    要在Android中构建用户界面，有多种方法可供选择。可以完全用代码来构造用户界面；也可以在XML中定义用户界面。甚至可以结合使用两种方法：在XML中定义用户界面，然后在代码中引用和修改它。

    当在Android应用的/res/layout目录下定义一个主文件名任意的ＸＭＬ布局文件之后（Ｒ．Ｊａｖａ会自动收录该布局资源），Ｊａｖａ代码可通过如下方法在Ａｃｔｉｖｉｔｙ中显示该视图：setContentView(R.layout.<资源文件名字>)。

    当在文件中添加多个UI组件时，都可以为该UI组件指定android：id属性，该属性的属性值代表该组件的唯一标识。如果希望在Java代码中访问指定UI组件，可通过如下代码访问：findViewById(R.id.<android:id属性值>)。

 

1.完全利用代码来构建UI

    可在*Activity.java中写入以下代码：

public class CodeStyleActivity extends Activity {private LinearLayout nameContainer;/** Called when the activity is first created */@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); createNameContainer();  setContentView(nameContainer);} private void createNameContainer() { // TODO Auto-generated method stub nameContainer = new LinearLayout(this); //FILL_PARENT：铺满；WRAP_CONTENT：标示视图仅占据它在该方向上需要的空间，而不能占据更多，具体取决于包含视图所允许的空间范围 nameContainer.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)); nameContainer.setOrientation(LinearLayout.HORIZONTAL); //水平放置 TextView nameLb1 = new TextView(this); nameLb1.setText("Name:"); TextView nameValue = new TextView(this); nameValue.setText("vjudge"); nameContainer.addView(nameLb1); nameContainer.addView(nameValue); }}

2.完全使用XML构建UI

    XML文件存储在资源目录（/res）下的layout文件夹中。

(1)在XML文件中：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >        <TextView android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Name: "/>        <TextView android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="vjudge"/></LinearLayout>

(2)在相应的*Activity.java文件中：

public class XmlStyleActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_xml_style);}}

3.使用XML和代码构建UI

    完全使用Java代码来控制UI界面不仅烦琐、而且不利于解耦；而完全利用XML布局文件来控制UI界面虽然方便、便捷，但难免有失灵活。

    理想情况下，我们应该在XML中设计用户界面，然后从代码中引用这些控件。此方法支持将动态数据绑定到设计时定义的控件。实际上，这是推荐的做法。在XML中构建布局，然后使用代码填充动态数据非常简单。

    当混合使用XML布局文件和代码来控制UI界面时，习惯上把变化小，行为比较固定的组件放在XML布局文件中管理，而那些变化比较多、行为控制比较复杂的组件则交给Java代码来管理。

(1)在XML文件中：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal" >        <TextView android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/txtname" />        <TextView android:id="@+id/nameValue"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

(2)在strings.xml文件中添加：

<string name="txtname">Name: </string>

(3)在相应的*Activity.java文件中：

public class MixStyleActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_mix_style);TextView nameValue = (TextView)findViewById(R.id.nameValue);nameValue.setText("vjudge");}}

注：在调用findViewById()之前先通过setContentView(R.layout.activity_mix_style);加载了资源。如果未加载视图，将无法获得对视图的引用。