黑马程序员技术交流社区

标题: 创建一个简单的用户界面01 [打印本页]

作者: 龚正军 时间: 2013-5-2 10:43
标题: 创建一个简单的用户界面01
本帖最后由龚正军于 2013-5-2 12:16 编辑

创建一个简单的用户界面Android的图形用户界面使用View和View类是通用的UI窗体小部件，比如按钮或者文本框，而View如何布局的不可视容器，比如网格(grid)布局和垂直列表(vertical list)布局。
Android提供了对应于View和View类
在这一次教程里，你将学到怎样用XML创建一个带有文本输入框和按钮的界面。在接下来的课里，你将学会对按钮做出响应，当按钮被按下的时候文本框里的内容被发送到另外一个Activity。
使用线性布局
从目录res/layout里打开 activity_main.xml文件(每一个新创建的Android项目都默认包含这个文件)。
注意: 在eclipse中，当你打开布局文件的时候，首先看到的是ADT布局编辑，这个编辑页是使用所见即所得的工具帮助你创建布局。对于本课来说，你是直接在XML里进行操作，因此点击屏幕下方的main.xml标签进入XML编辑页。
在默认的情况下， activity_main.xml 中包含一个 RelativeLayout 布局和 TextView 文本框。首先，需要删除 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"
tools:context=".MainActivity"> </LinearLayout>

LinearLayout 布局是**ViewGroup**是的一个子类，用于水平放置或者垂直放置子视图的部件，由属性android：orientation来设定方向。线性布局里的子布局按照XML里设定的顺序显示在屏幕上。
另外的两个属性**android：layout_width**和**android:layout_height**，对于所有的部件都需要对这两个属性进行设置。
在这里因为线性布局是整个视图的根布局，所以对于宽和高都应该是充满整个屏幕的，指定为fill_parent。
注意:从Android2.2开始，为了更好的使用，fill_parent被改为match_parent。因为当我们把一个子部件设置为fill_parent之后，该部件不是占有同等级部件剩余的空间，而是和同等级部件重叠在一起。相反，使用match_parent则不会出现重叠的现象。
想要获得更多的信息，请参照XML布局向导。
添加一个文本输入框
在线性布局了里，添加一个元素就可以创建一个用户可编辑的文本框，EditText类属于View的一个用于展示可编辑的文本的子类。
和View的别的类一样，你需要设置XML里的某些属性来指定EditText的具体功能，下边是你应该在线性布局里指定的一些属性元素：

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

关于一些属性的说明：
Android：id

这里定义的是View的唯一标示符，你可以在程序的代码里进行引用，你可以对这个类进行读和修改的操作(在下一课里将会用到)
当你想从XML里使用资源类的时候必须使用“@”符号，紧随“@”之后的是资源的类型(这里是id)，然后是资源的名字(这里使用的是edit_message)。(其他的资源可以使用相同的名字只要他们不是相同的资源类型，例如：字符串资源可以使用相同的名字)。
“+”号只是当你第一次定义一个资源ID的时候需要。这里是告诉SDK此资源ID需要被创建出来。在应用程序被编译之后，SDK就可以直接使用ID值，edit_message是在项目gen/R.java文件中创建一个新的标示符，这个标示符就和EditText关联起来了。一旦资源ID被创建了，其他资源如果引用这个ID就不再需要“+”号了。这里是唯一一个需要“+”号的属性。可以参考右栏获取更多关于资源类的信息。

Android:layout_width 和android:layout_height

对于宽和高不建议指定具体的大小，使用"wrap_content"指定之后，这个视图只是占据内容大小的空间。如果你使用了"fill_parent"，这时EditText将会布满整个屏幕，因为它将适应父布局的大小。想要看到更多信息，请参考XML 布局向导。

Android:hint

会默认显示这个字符串。对于字符串"@string/edit_message"的值所引用的资源应该是定义在单独的文件里，而不是直接使用字符串。因为使用的是值是存在的资源，所以不需要使用+号。然而，由于你还没有定义字符串的值，所以在添加"@string/edit_message"时候会出现编译错误。下边你可以定义字符串资源值来去除这个错误。

增加字符串资源
当你在用户界面定义一个文本的时候，你应该把每一个文本字符串列入资源文件。对于所有字符串值，字符串资源能够单独的修改，在资源文件里你可以很容易的找到并且做出相应的修改。通过选择定义每个字符串，还允许您对不同语言本地化应用程序。
默认情况下，在res/values/string.xml里，你的Android项目包含一个字符串资源文件。打开这个文件，删除已经存在的"hello"字符串，为"edit_message"增加一个供使用的字符串值。
同时在这个文件里，再给button添加一个字符串，命名为"button_send".
下边就是定义好的string.xml文件内容：


  <?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>

要想获得跟多的对于不同语言本字符串资源本地化的问题，请参考支持不同设备的课程。
添加一个按钮
紧跟**EditText**后边，添加一**Button**个到布局里。

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

宽和高被设置为"wrap_content:，这时按钮占据的大小就是按钮里文本的大小。这个按钮不需要指定android:id的属性，因为在Activity代码里不被引用到。
###　让输入框充满整个屏幕的宽度

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2