Android UI设计 DroidDraw 教程一:Currency Converter
2010-06-04 13:47:00 来源:WEB开发网步骤零本教程将给你一个简短的介绍开关于使用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"
更多精彩
赞助商链接