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)。”
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 X;Instructions for GNU/Linux;Instructions for Windows)
②手机设置(如果找不到,可以把你的手机设置成英文):
- From your phone’s home screen, select the menu, then Settings, then Applications.
- If your phone has an Unknown Sources box, it should be turned on (checked).
- Still on the Applications screen, tap Development.
- Make sure both USB Debugging and Stay Awake are checked.
- Go back to the Settings screen (you can tap the Back button twice to get there).
- 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
:
这个界面叫做设计器Designer,中间的部分viewer查看台,左侧是palette组件区(包括常见的文本label、按钮Button、还有高 级一些的加速度感应计、指南针、图像、画板canvas等等)右侧的components是你的app中正在使用的组件和组件中链接的媒体(我这里链接了 一张图片和一个mp3文件);最右侧是组件的属性,包括组件的大小,文字颜色,背景色,背景图等。
我做了一个say hello,点击那头驴(实际上是个按钮)就会发出叫声。当你摇晃手机的时候,也会发出叫声。
Design相当于你做菜的时候的菜板,你把所有的葱姜蒜、肉都放在了菜板就等着下锅炒一炒了。然后你要告诉他们怎么炒,先放葱还是先放肉,这时候你就需要用到Blocks editor模块编辑器了。
每个block都有自己的相关属性,比如按钮有自己的点击、聚焦、聚焦丢失等属性;声音有自己的play、resume、stop等属性。这些都是告诉你在Designer里的组件他们的动作是什么。
我是一个有点编程基础知识的人,但是在app inventor里面完全用不到的。这个东西真是太强大了,我上初中的时候曾经梦想着有这么一个利器,Google圆了我的梦。
二、DroidDraw
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可视化指导
|