设计用户接口.docVIP

设计用户接口 视图(View) 软件设计的过程中，常常会遇到需要频繁修改用户接口的情境。改着改着程序设计师们就累积起了一些经验，也归纳出了许多应对之道。如著名的 MVC（Model-View-Controller） 模式。Google Android 为我们考虑了接口修改问题。Android 为了单纯化接口修改方式，采用了目前比较流行的解决方案--即将接口描述部份的程序代码，抽取到程序外部的 XML 描述文件中。 我们在前面的过程里已经学到，如何在 Android 应用程序中替换?TextView?接口组件所显示的纯文本内容。那么...这个经验能不能直接用到 BMI 应用程序的设计上呢？ 我们先回过头来想想， BMI 应用程序最少应该需要什么些什么组件。 为了输入 BMI 程序所需的身高体重值，大致上我们需要两个?TextView?组件用来提示填入身高体重数字，另外也需要两个文字输入字段用来填入身高体重数字。我们还需要一个按钮来开始计算，而计算完也需要一个?TextView?组件来显示计算结果。于是初版的 BMI 应用程序编程接口的样子就浮现出来了。 查阅文件 话说回来，我们从哪得知各种可用的接口组件呢？其中一个方法是查阅文件。 Android 文件网站上找到各种可用接口组件列表。 /guide/tutorials/views/index.html 例如我们想查看?EditText?的内容，我们可以点进?EditText?连结查看其内容。?/reference/android/widget/EditText.html 你会看到一个详细地惊人的网页。 这边举其中常用到的?EditText?接口组件为例。EditText?接口组件的作用就是提供一个文字输入字段。EditText?继承自另一个叫?TextView?的接口组件，TextView?接口组件的作用是提供文字显示，所以?EditText?接口组件也拥有所有?TextView?接口组件的特性。 此外，文件中你也可以查找到EditText?字段的一些特殊属性，如 「android:numeric=integer」(仅允许输入整数数字)、「android:phoneNumber=true」(仅允许输入电话号码)，或「android:autoLink=all」(自动将文字转成超链接)。 例如要限制?EditText?中只允许输入数字的话，我们可以在 XML 描述档中，透过将EditText?的参数「android:numeric」 指定为 「true」，以限制使用者只能在?EditText?文字字段中输入数字。 脱机文件 当你处于没有网络连接的情况下时，也可以找到 Android 文件参考。 在下载了 android-sdk 后，将之解压缩，你可以在「android-sdk/docs」 目录中 (android_sdk/docs/reference/view-gallery.html) ，找到一份与在线文件相同的文件参考。 开始设计 我们从实例来开始，定义一个基本 BMI 程序所需的身高(Height)输入字段，就会用到?EditText，与?TextView?接口组件，其描述如下： 1 ?TextView2 ? ? android:layout_width=fill_parent3 ? ? android:layout_height=wrap_content4 ? ? android:text=身高 (cm)5 ? ? /6 ?EditText android:id=@+id/height7 ? ? android:layout_width=fill_parent8 ? ? android:layout_height=wrap_content9 ? ? android:numeric=integer10 ? ?android:text=11 ? ?/ 可以看到?EditText?接口组件描述的基本的组成与?TextView?接口组件相似，都用到了「android:layout_width」与「android:layout_height」属性。 另外，指定的另外两个属性「android:numeric」、「android:text」则是?EditText?接口组件的特别属性。「android:text」属性是继承自?TextView?接口组件的属性。 ? ? android:numeric=integer? ? android:text= 将 「android:numeric」 指定为 「integer」，可以限制使用者只能在?EditText?文字字段中输入整数数字。「android:text」属性则是指定?EditText?接口组件默认显示的文字(数字)。