zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明

Android程序UI 实现 分析 说明 设计 浅谈
2023-06-13 09:14:54 时间
AnDroidDraw是一个与DroidDraw集成的Android应用程序,它允许你从DroidDraw应用程
序下载你的GUIs,也允许你在一个Android设备上预览你的GUIs
1、先下载安装DroidDraw,我使用的版本是droiddraw-r1b22
2、下载AnDroidDraw.apk,并在模拟器上进行安装,安装步骤如下:

  1)使用cmd进入命令行窗口,进入你安装的android-sdk下的platform-tools目录,如图:   

  2)使用:adbinstallAnDroidDraw.apk把它安装到你的Android设备上

  3)安装一个端口转发规则:adbforwardtcp:6100

  装完后,你能在模拟器上看到安装好的程序图标:

3、在你的Android设备上运行AnDroidDraw,你应该看到像这样的:

4、在你的电脑上运行DroidDraw,并且创建一个GUI,接下来从DroidDraw菜单中选择"Project"->"SendGUItoDeviec",就是将设计出来的xml发送给模拟器正在运行的AnDroidDraw程序,如果发送成功会弹出“Uploadsucceeded”消息框。

5、现在你应该在Android屏幕上看到你在DroidDraw创建的GUI的像这样的xml:

6、点击"PreviewLayout"按钮来预览你的GUI。

7、点击模拟器向后的箭头,来返回到AnDroidDraw的主屏幕。
当然,你也可以只使用DroidDraw设计UI,然后把设计好的xml代码复制到android项目的布局文件中,直接运行看结果