新版Android开发教程 笔记十一-视化UI设计Dro.pptVIP

* -----------------------------------Android 编程基础 1 封面 -----------------------------------Android 编程基础 2 GUI 可视化设计器——DroidDraw DroidDraw 是一个基于 Java Swing 的 Android 界面设计器，可以通过它来生成复杂的 Android Layout XML 文 件，Android 的 Layout 和 Swing Layout 中有很好的对应，设计器的代码编写起来比较容易。 -----------------------------------Android 编程基础 3 AnDroidDraw AnDroidDraw 是一个与 DroidDraw 集成的 Android 应用程序，它允许你从 DroidDraw 应用程序下载你的 GUIs, 也允许你在一个 Android 设备上预览你的 GUIs.下载 DroidDraw 步骤零 ? 下载 AnDroidDraw.apk ? 使用：adb install AnDroidDraw.apk 把它安装到你的 Android 设备上 ? 安装一个端口转发规则：adb forward tcp:6100 tcp:7100 步骤一 在你的 Android 设备上运行 AnDroidDraw，你应该看到像这样的： 步骤二 在你的电脑上运行 DroidDraw，并且创建一个 GUI，（获取更多关于创建 GUI 的信息，请看教程 1、教程 2、 教程 3。）接下来从 DroidDraw 菜单中选择Project-Send GUI to Deviec -----------------------------------Android 编程基础 4 步骤三 现在你应该在 Android 屏幕上看到你新创建的 GUI 的像这样的 xml： 步骤四 点击Preview GUI按钮来预览你的 GUI。 步骤五 当你结束时，点击向后的箭头，来返回到 AnDroidDraw 的主屏幕。 记住，如果你感兴趣，你可以在文本框中编辑该 XML 文件，并且再次点击Preview GUI来查看你的修改。 然而，这些修改将不会返回到 DroidDraw。 步骤六 大功告成！？？/Comments/Bugs brendan.d.burns 在 gmail 上。 -----------------------------------Android 编程基础 5 DroidDraw 教程一：Currency Converter 步骤零 本教程将给你一个简短的介绍开关于使用 DroidDraw 用户界面设计器来开发一个在 Android 上的 GUI 应用程 序。本教程假设你已经下载并安装了 Android SDK。本教程也假设你对 GUI 编程概念和 Java 编程语言相当熟 悉。 步骤一 登陆到 DroidDraw UI Designer 步骤二 设置根布局为 RelativeLayout(相对布局) 步骤三 选择Layout标签 -----------------------------------Android 编程基础 6 步骤四 从 Layouts 面板中把一个 LinearLayout 对象拖放到屏幕顶部中心位置 步骤五 选择该 LinearLayout 对象并点击属性Properties标签来开始编辑 layout 属性值。把宽度width改成200px, 高度height改成130px 点击Apply来应用改变。 步骤六 转到Widgets标签 -----------------------------------Android 编程基础 7 步骤七 把两个 TextView 对象和两个 EditText 对象交替地拖放到 LinearLayout 中 步骤八 把一个 RadioGroup 对象拖放进 LinearLayout 中。把两个 RadioButton 对象拖放到 RadioGroup 中。 -----------------------------------Android 编程基础 8 步骤九 把一个 Button 对象拖放到根 RelativeLayout 中，它在 LinearLayout 对象下面。它应该和 LinearLayout 的右边 对齐。 步骤十 编辑每个 TextView 对象的属性值。上面一个的文本设置成Dollars，并设置成bold 字体样式。下面一个 TextView 的文本设置成Euros，并也设置成bold字体样式。 步骤十一 如以下内容编辑上面一个 EditText 的属性值： ? id 修改成：@+id/dollars