http://monner.iteye.com/blog/749858


最近试着真实滴折腾了几个简单的Android程序,对Android将程序中的UI界面布局(layout)描述与程序应用逻辑实现代码 (code)严格分开,并分别放在res和src目录中的方法大为赞赏!Android的UI用户界面布局开发,如果完全用手工

方法构建则很耗时费力,网路上放狗搜索了下,发现已经有几个现成的UI layout界面布局构建工具,十分好用,不敢独享,各位有兴趣请试试,相信你一定有收获!

 

一、Google App Inventor

http://appinventor.googlelabs.com/

Google自己开发的号称可以让任何人创建Android手机应用。这个工具叫Google App Inventor

Google在介绍“你不必是一个专业开发人员就能轻松使用App Inventor。使用App Inventor无须掌握编程知识。因为你根本就不需要编写代码,你只需在可视化界面上设计应用的界面,并使用“blocks”指定应用的行为(behavior)。”


android移动界面设计工具 安卓界面设计工具_ui

Google Android App Inventor


注意,Google说的是任何人,也就是包括那些不会编程的人。这个工具可以将枯燥的代码变成了一块一块的拼图,你需要做的只是把这些零散的拼图按照你自己的意思组合在一起,点击生成,你的第一个 Android 程序就诞生了。 <script type="text/javascript"></script>

Google App Inventor初体验:会做饭的人就会做App

前言:当年看到第一台搭载Android的G1发布的时候我就心动不已,因为我意识到这是我能买得起的智能机;当年因为喜欢Android我去了机锋,也因为Android结识了很多朋友;今早,我收到了Google带来的惊喜,一封App Inventor的邀请信。

使用App Inventor的准备工作:

在Getting started页面你需要完成两个步骤:设置你的手机和电脑、将app inventor与手机相连。

①电脑设置:下载最新版的Java(www.java.com)、安装app inventor附加软件(Instructions for Mac OS XInstructions for GNU/LinuxInstructions for Windows

②手机设置(如果找不到,可以把你的手机设置成英文):

  1. From your phone’s home screen, select the menu, then Settings, then Applications.
  2. If your phone has an Unknown Sources box, it should be turned on (checked).
  3. Still on the Applications screen, tap Development.
  4. Make sure both USB Debugging and Stay Awake are checked.
  5. Go back to the Settings screen (you can tap the Back button twice to get there).
  6. Sound & Display. Scroll down to Orientation and make sure it’s not checked. Note: On some phones there might be be only a Display settings item. If so, tap that and make sure that the Auto-rotate screen item is not


悟空的第一个Android应用Say hello



android移动界面设计工具 安卓界面设计工具_layout_02


这个界面叫做设计器Designer,中间的部分viewer查看台,左侧是palette组件区(包括常见的文本label、按钮Button、还有高 级一些的加速度感应计、指南针、图像、画板canvas等等)右侧的components是你的app中正在使用的组件和组件中链接的媒体(我这里链接了 一张图片和一个mp3文件);最右侧是组件的属性,包括组件的大小,文字颜色,背景色,背景图等。



我做了一个say hello,点击那头驴(实际上是个按钮)就会发出叫声。当你摇晃手机的时候,也会发出叫声。



android移动界面设计工具 安卓界面设计工具_layout_03


Design相当于你做菜的时候的菜板,你把所有的葱姜蒜、肉都放在了菜板就等着下锅炒一炒了。然后你要告诉他们怎么炒,先放葱还是先放肉,这时候你就需要用到Blocks editor模块编辑器了。



每个block都有自己的相关属性,比如按钮有自己的点击、聚焦、聚焦丢失等属性;声音有自己的play、resume、stop等属性。这些都是告诉你在Designer里的组件他们的动作是什么。



我是一个有点编程基础知识的人,但是在app inventor里面完全用不到的。这个东西真是太强大了,我上初中的时候曾经梦想着有这么一个利器,Google圆了我的梦。 

二、DroidDraw

 

http://www.droiddraw.org/

DroidDraw是一个为Android创建图形用户界面的UI设计器。它是一个独立的可执行程序,可以运行在Mac OS X,Windows和Linux上。

 


《Android可视化UI设计DroidDraw教程》(pdf下载)


DroidDraw 是一个基于Java Swing 的Android 界面设计器,可以通过它来生成复杂的Android Layout XML 文

件,Android 的Layout 和Swing Layout 中有很好的对应,设计器的代码编写起来比较容易。


   目录:

   DroidDraw 教程一:Currency Converter

   DroidDraw 教程二: Table Layout

   DroidDraw 教程三:使用ListView和array资源

   AndroidGUIWidget可视化指导