android_UI布局设计.pdf

Android UI 设计

无意中看到的几篇文章， 想翻译出来分享给大家。 不过声明， 翻译后的意思不一

定能完全表达作者的意图，如果想看原文，请参考：

http://mobiforge.com/designing/story/understanding-user-interface-android

-part-1-layouts

到目前为止，我之前的几篇关于 Android 的文章都集中于向你展示如何解决 An

droid 中的问题， 而没有花太多的时间来讨论 Android 应用程序开发的视觉元素

—— UI设计。在这篇和接下来的文章，我将带你穿越构建 Android 应用程序的

UI 元素。文章的开始部分，我将讨论 Android 中的一些布局（ Layouts ）和一些

<?xml version ="1.0" encoding ="utf-8" ?>

<LinearLayout xmlns:android ="http://schemas.android.com/a

pk/res/android"

android:orientation ="vertical"

android:layout_width ="fill_parent"

android:layout_height ="fill_parent"

>

<TextView

android:layout_width ="fill_parent"

android:layout_height ="wrap_content"

2

3

4

5

@Override

public void onCreate ( Bundle savedInstanceState ) {

super . onCreate ( savedInstanceState ) ;

setContentView ( R. layout . main ) ;

}

在编译期间， XML 文件中的元素会编译成相应地 Android GUI 类，并设定了指定的特性。当加载时， An

Android 支持以下的 ViewGroup ：

? LinearLayout

? AbsoluteLayout

?

?

?

?

Eclipse 支持很少的 Android UI 设计，因此，你不能在设计面板上进行构件的

拖拽。作为替代的，你可以使用免费的 DroidDraw 工具（从 http://www.droid

draw.org/ 获取）。图 2 显示了动作中的 DroidDraw 。你可以在不同的布局上

拖拽构件，然后使用它来生成等价的 XML 代码。然后 DroidDraw 不是很完美，

对于你刚开始 Android 的 UI 设计来说还是非常有用的，并且它是学习 Android

中众多的 View 和 ViewGroup 的得力工具。

你还可以下载独立的 DroidDraw 版本（ Windows, Mac OS X, Linux ）。

LinearLayout

LinearLayout 以单一的行或列来布局 View 。子 View 既可以垂直摆放也可以水

平摆放。查看 LinearLayout 如何工作，让我们修改一下工程的 main.xml 文件：

android:orientation ="vertical"

>

<TextView

</LinearLayout>

在 main.xml 文件中，可以看到根元素是，并且它包含一个元素。元素控制着其内元素的顺序和显示。

每个 View 和 ViewGroup 都有一堆通用的特性，其中一部分显示在表 1 中。

特性 描述

layout_width 指定 View 或 ViewGroup 的宽度

layout_height 指定 View 或 ViewGroup 的高度

layout_gravity 指定子 View 如何摆放

layout_weight

layout_x 指定 View 或 ViewGroup 的 x 坐标

layout_y

注意，这些特性中的部分只在当一个 View 位于某个特定的 ViewGroup 里才能

应用。例如， layout_weight 和 layout_gravity 特性只能当 View 位于 LinearLa

yout 或者 TableLayout 里才能应用。

举个例子，上面的 <TextView> 元素使用 fill_parent 常量填充了父元素的全部宽

android:layout_width ="wrap_content"

/>

这样设置意味著 View 的宽度与其内包含的文本的宽度一样，你还可以设置宽度为一个绝对的值，像这样：