学步园

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

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

图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" />

关于这些属性:

android:id

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

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

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

android:layout_width and 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