droiddraw+android+ui可视化设计器.pdf

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