如何使用DroidDraw和AnDroidDraw开发Android UI界面

今天发现新工具了，也是属于试用的阶段，看上去好像还挺方便的，记录一下这个过程中所遇到的问题！！！

=================================Android UI设计=================================

先简单介绍下DroidDraw与AnDroidDraw关系：

DroidDraw：

是一个GUI可视化设计器

DroidDraw是基于Java Swing的Android界面设计器，用它来编辑android界面，非常直观、方便，为开发者节约很多时间。我们可以用它生成繁杂的layout文件(XML文件)，设计完以后可以导出xml文件，然后复制到我们的工程中使用。

官方网站：http://www.droiddraw.org/

DroidDraw最新版本下载地址： http://code.google.com/p/droiddraw/
这里以我下载的【droiddraw-r1b17】为参考，下载完以后是一个zip包，解压以后有两个文件夹如图：



可以打开这两个文件夹看看，不过我们要用的是第二个【droiddraw-r1b17】，双击进入：



不用安装，然后直接运行画红色的【droiddraw.exe】文件，如图：



这个工具主要是用来方便我们做UI界面的，那么做完了当然要运行看看是不是符号我们的意图，在哪里运行看呢？这里就该AnDroidDraw出场了，对AnDroidDraw作简单的介绍：

AnDroidDraw=》

AnDroidDraw是一个与DroidDraw集成的Android应用程序，它允许你从DroidDraw应用程序下载你的GUIs，也允许你在一个Android设备上预览你的GUIs。

官方网站：http://www.droiddraw.org/androiddraw.html

AnDroidDraw下载地址： http://www.droiddraw.org/AnDroidDraw.apk
它其实是一个android应用的安装包apk文件，下载下来的文件【AnDroidDraw.apk】，然后要安装到模拟器上(这里一定要保证Android环境已搭建好，SDK和ADT配置好)，步骤如下：

1.在cmd下启动模拟器(注意在cmd使用android命令,前提一定是你配置了环境变量,要不然会识别不了你的命令，如何配置请参考：)，如图：



如果你也出先这样的问题，请先检查你的系统环境变量是否配置正确。

启动成功，再安装AnDroidDraw.apk=》



安装完此apk文件以后，打开模拟器，可以看到：



再回到cmd命令窗口，安装一个端口转发规则，命令：D:\android\android-sdk-windows\tools>adb forward tcp:6100 tcp:7100

在你的模拟器上运行AnDroidDraw，可以看到：



这时候中回到之前说的DroidDraw，可以简单的拖拽一个ui，然后发送到模拟器中安装的AnDroidDraw上运行看看效果，在DroidDraw中选择Project-Send GUI TO Deviec：



然后你就可以在模拟器AnDroidDraw上看到：明天再截图？？？

转自：http://www.360doc.com/content/12/1017/17/8189294_242049770.shtml