Android UI设计 DroidDraw 教程一：Currency Converter

核心提示：步骤零本教程将给你一个简短的介绍开关于使用DroidDraw用户界面设计器来开发一个在Android 上的GUI应用程序，本教程假设你已经下载并安装了Android SDK，Android UI设计 DroidDraw 教程一：Currency Converter，本教程也假设你对GUI编程概念和Java编程语言相当熟

步骤零本教程将给你一个简短的介绍开关于使用DroidDraw用户界面设计器来开发一个在Android 上的GUI应用程序。本教程假设你已经下载并安装了Android SDK。本教程也假设你对GUI编程概念和Java编程语言相当熟悉。

步骤一

登陆到

步骤二

设置根布局为 RelativeLayout(相对布局)

步骤三

选择"Layout"标签

步骤四

从Layouts面板中把一个LinearLayout对象拖放到屏幕顶部中心位置

步骤五

选择该LinearLayout对象并点击属性" Properties"标签来开始编辑layout属性值。把宽度"width"改成"200px",高度"height"改成"130px"

点击"Apply"来应用改变。

步骤六

转到"Widgets"标签

步骤七

把两个TextView对象和两个EditText对象交替地拖放到LinearLayout中

步骤八

把一个RadioGroup对象拖放进LinearLayout中。把两个RadioButton对象拖放到RadioGroup中。

步骤九

把一个Button对象拖放到根RelativeLayout中，它在LinearLayout对象下面。它应该和LinearLayout的右边对齐。

步骤十编辑每个TextView对象的属性值。上面一个的文本设置成"Dollars"，并设置成"bold"字体样式。下面一个TextView的文本设置成"Euros"，并也设置成"bold"字体样式。

步骤十一如以下内容编辑上面一个EditText的属性值：

u id修改成："@+id/dollars"

u 文本内容设置为空

u 宽度修改成"100px"

步骤十一半在"Euros"TextView下面的第二个EditText上重复步骤十一，但是把id设置为"@+id/euros"

步骤十二编辑第一个RadioButton属性：文本设置为"Dollars to Euros",并把它id设置成"@+id/dtoe"

编辑第二个RadioButton属性：文本设置为"Euros to Dollars ",并把它id设置成"@+id/etod"

重要注意事项你必须正确地获取id，因为这是你在代码中如何获取搜索到该UI元素的方式。

步骤十三编辑Button属性：文本修改为"Convert"、它的id设置成"@+id/convert"。

最终的GUI应该像这样：

步骤十四点击"Generate"按钮来生成XML布局。该xml应像这样：

android:id="@+id/widget30"

android:layout_width="fill_parent"