开发学院手机开发Android 开发 Android UI设计 DroidDraw 教程一:Currency Conv... 阅读

Android UI设计 DroidDraw 教程一:Currency Converter

 2010-06-04 13:47:00 来源:WEB开发网   
核心提示:步骤零本教程将给你一个简短的介绍开关于使用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"

1 2 3  下一页

Tags:Android UI 设计

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
更多精彩
    赞助商链接

    热点阅读
      焦点图片
        最新推荐
          精彩阅读