程序员学英语就上视觉英语网


将界面实现用XML编排

你刚刚完成的"Hello, World"例子我们称之为程序化的界面编排。意思就是说构建你的应用程序界面是直接使用的源代码。如果你已经完成过很多界面程序,你大概熟悉像此类的方式是多么脆弱:一个对布局小小的修改会对源代码造成很头疼的事情。如果忘掉与View的紧密结合,这个导致代码出错和浪费你的调试时间的界面问题也会很简单。

这就是为什么Android提供了一种可替换的界面构建方式:基于XML的布局文件。最简单的解释这个概念的方式就是展示一个例子。我们就用刚才创建的项目来进行演示,达到相同的界面效果。

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:text="Hello, Android"/>

AndroidXML布局文件的大体的结构很简单。它是一个标签的树,任何一个标签就是View类的名字。在这个例子中,它是一个很简单的只有一个元素的树,一个 TextView你可以使用任何继承自View类的名字作为标签的名字。包括在你的代码中自定义的View类。这个结构可以很容易的构建界面,它比你在源代码中使用的结构和语法更简单。这个模式的设计灵感来自于Web开发。就是可以将界面和应用程序逻辑分离的模式。

在这个例子中,也有些是XML的属性,下面是他们的含义:

属性

含义

xmlns:android

这是XML命名空间的声明,它是告诉Android的工具,你将要涉及到公共的属性已被定义在XML命名空间。在每一个Android的布局文件的最外边的标签必须有这个属性。

android:layout_width

这个属性定义了在屏幕上这个View可用的宽度是多少。

android:layout_height

这个属性定义了在屏幕上这个View可用的高度是多少。

android:text

设置TextView所包含的文本内容,当前设置为”Hello, Android”信息

以上就是一个XML布局文件的样子,但是你需要放在哪里?它要放在你的项目目录的res/文件夹下。“res””resources”的缩写,它是存放所有非代码资源的文件夹,包含象图片,本地化字符串和XML布局文件。

这些Eclipse的插件已经给你创建好了,在我们上面的例子中,我们没有使用它。在包浏览器中,展开res目录的layout.并且编辑 main.xml,替换掉那个文本内容,然后保存。

现在,在包浏览状态,打开在代码文件夹中名为 R.java的文件,你将看到下面的内容:

public final class R {
 public static final class attr {
 };
 public static final class drawable {
 public static final int icon=0x7f020000;
 };
 public static final class layout {
 public static final int main=0x7f030000;
 };
 public static final class string {
 public static final int app_name=0x7f040000;
 };
};

一个项目的R.java文件是一个定义所有资源的索引文件。使用这个类就像使用一种速记方式来引用你项目中包含的资源。这个有点特别的强大像对于Eclipse这类IDE的代码编译特性,因为它使你快速的,互动式的定位你正在寻找的特定引用。

到目前需要注意的重要事情是叫做”layout”的内部类和他的成员变量”main”,插件会通知你添加一个新的XML布局文件,然后从新产生这个R.java文件,比如你添加了新的资源到你的项目,你将会看到R.java也相应的改变了

最后重要的事情是你需要去修改你的HelloAndroid源代码,去使用新的XML布局你的界面。替换掉编码式的界面模式。下面是你的新代码的样子,你可以看到,代码变得更加简单了。

public class HelloAndroid extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

}

}

当你做这些改变的时候,不要仅仅复制,粘贴到你的代码中,尝试去体验R.java的代码编译特点。你会发现它对你有很大的帮助。

现在完成这些改变以后,你就可以重新运行你的程序,然后你会发现两种不同的界面编排方式会产生同样的效果。

补充:可能与原文有些意思不同,笔者水平有限,请包含,下面是原始链接地址。

http://code.google.com/android/intro/hello-android.html

更多相关文章

  1. 在编辑Android工程时出现R.java文件丢失错误的解决办法
  2. Android中,Dalvik检查和优化.apk/.jar的流程introduce
  3. 使用include和merge 标签-转自网络
  4. Android中Odex文件生成与合并
  5. Android(安卓)odex和dex疑惑
  6. [小记]Android缓存问题
  7. 使用xml布局菜单
  8. 关于android创建快捷方式会启动两个应用的问题(二)
  9. Qt for Android(安卓)自定义启动页(解决启动页拉伸的问题)

随机推荐

  1. Android(安卓)sdk manager中没有Support
  2. android 导入工程报错:Unable to resolve
  3. 【译】使用Kotlin从零开始写一个现代Andr
  4. Android(安卓)沉浸式状态栏完美解决方案
  5. 对Android体系结构的理解--后续会补充
  6. Android安全机制解析与应用实践 Android(
  7. 修改Android系统属性SystemProperties.se
  8. 总结系列-触摸屏事件的传递机制
  9. GestureOverlayView属性
  10. Android点滴(1):获取Android系统的唯一识别