懒骨头的Android文档备份3：一个简单的交互界面-优快云博客

android的界面都是View和ViewGroup对象组成的.View包括按钮、文本框等。ViewGroup是一个装别的view的容器.

Android 允许你在xml中使用view和viewgroup的子类来定义界面

可选布局

使用xml来定义界面比程序代码定义好一些，原因在于你可以为不同分辨率的设备作不同的布局文件 .

图1.说明了一个ViewGroup怎样包含了其他分支view或者ViewGroup的.

在本教程，你要新建一个包含按钮和输入框的xml. 然后会分别加上一些事件比如把文本框的内容传给另一个activity.

创建一个 Linear Layout

打开activity_main.xml在res/layout/目录下.

小贴士: Eclipse里, 当你打开了一个布局文件，会先显示图形编辑器，它的特点是所见即所得。这节我们会使用xml。

例子中的activity_main.xml文件根view是RelativeLayout，里面包含了一个TextView子view.

首先是删除 <TextView>元素然后修改<RelativeLayout>为<LinearLayout>. 然后添加android:orientation属性，值为"horizontal". 如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" >
</LinearLayout>

LinearLayout是一个View Group，通过android:orientation元素，他可以让子元素横着放或者竖着放。这个布局的特点就是子元素一个接一个的显示。

android:layout_width和android:layout_height是指定view宽高的两个必须的属性。

因为LinearLayout是根view，所以你最好设置宽高为 "match_parent". 来让它自动充满整个窗口.

添加一个 Text Field

<EditText>是一个可接受用户输入的view.

像每个View对象一样你必须设置几个必须的属性。比如:

  <EditText android:id="@+id/edit_message"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:hint="@string/edit_message" />

关于资源对象

每个资源对象都有其对应的id，比如 bitmap, layout 文件, 或者string.

每个资源都有对应的资源对象，定义在 gen/R.java文件里 . 比如你要为android:hint设置一个文本属性. 你可以在string xml文件里定义并使用资源名来引用他。

R文件在每次编译的时候都会自动生成，千万别手动修改啊。

关于这些属性:

android:id

view的唯一标识。代码里引用view时用的。

使用 (@) 来引用所有在xml定义的资源。后面加一个资源类型比如id，和资源名.

当你第一次定义一个资源id时，类型前面必须使用+号，编译程序时，系统会自动将资源加到gen/R.java文件里，但只有第一次时需要加。

android:layout_widthand android:layout_height

"wrap_content" 这个值意思是按需显示，需要显示多大就显示多大。 "match_parent" , 意思是把父view都占满了 .

android:hint

这个属性意思是输入框的默认显示值。可以不使用用编码, 而使用 "@string/edit_message"这样的方式来引用xml里定义的文本这样做的好处是统一修改并且支持多语言 .

Note:虽然文本id和view id相同，但是他们的资源类型不同，所以不用担心，大胆使用.

添加一个文本资源

要把每一个文本当成一个资源，所有的文本资源都统一在一个文件里管理，这样更新方便，而且便于做成多语言程序。

默认情况下，项目有个文本资源res/values/strings.xml. 添加一个名叫 "edit_message"值为 "Enter a message." 的字段。

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string name="app_name">My First App</string>
  <string name="edit_message">Enter a message</string>
  <string name="button_send">Send</string>
  <string name="menu_settings">Settings</string>
  <string name="title_activity_main">MainActivity</string>
</resources>

添加一个按钮

像这样添加一个按钮

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_send" />

宽高值设置为 "wrap_content"，这样按钮大小就会根据文本来自适应。它不需要id属性，因为暂时在java类里用不到。

让输入框宽度自适应

如下图，输入框和按钮都是自适应的

这样适合按钮，但输入框的内容不固定，所以最好是让输入框填满剩下整个屏幕。你可以使用　android:layout_weight属性.

weight 值用来指定同级下的控件占用情况，比如 "2 parts 伏特加, 1 part 咖啡利口酒" 意思就是三分之二份的附加特，三分之一分的咖啡利口酒. 例如, 如果你给一个view设置weight为2，另一个view设置为1 ,总和是3，所以第一个view会占据 2/3 的空间，第二个view会占据1/3 .如果你又加了一个view，并且设置weight为1，这样的话，第一个view会占据剩下一半的空间，第二个第三个view每个会占据四分之一的空间，（其实很简单谁都懂）.

所有的view默认的weight值为0，如果给一个view设置了一个大于0的值，那么这个view就会占据剩下的空间。所以给输入框加一个weight值1，其他view不设置即可达到我们想要的效果.

  <EditText
    android:layout_weight="1"
    ... />

为了提高效率，当我们设置weight值的话，最好把width设置为0dp。

  <EditText
    android:layout_weight="1"
    android:layout_width="0dp"
    ... />

上图就是输入框占满的剩下的空间

整个布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">
  <EditText android:id="@+id/edit_message"
    android:layout_weight="1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:hint="@string/edit_message" />
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_send" />
</LinearLayout>

当你新建工程时便会有这个布局，直接运行吧:

点击工具栏上的按钮.

命令行的话这样敲：

ant debug
adb install bin/MyFirstApp-debug.apk