Android:如何正确设计用户界面

时间:2011-03-18 21:46:54

标签: android user-interface

我将Eclipse用于我的Android应用程序:当我创建一个布局时,我直接编写xml代码,因为我不喜欢Graphical Layout如何表示项目(例如我看不到ListViews)。有没有办法让Eclipse更好地工作,还是有第三方工具可以帮助设计更好的UI?

提前致谢和问候! C。

4 个答案:

答案 0 :(得分:1)

图形布局编辑器正在进行中,并且在最新的SDK Tools迭代中有了很大的改进。确保您已更新到3.0SDK发布的最新工具。其次,很难完全表示由ListView等适配器支持的视图。布局编辑器必须能够访问用于填充子视图的数据。如果要从网络或数据库中提取数据,则在布局编辑器中即时渲染视图会变得非常复杂。静态视图显示正常,它只是有问题的AdapterView或Custom View组件。 IMO模拟器或真实设备是衡量UI可用性和外观的最佳方式。

答案 1 :(得分:0)

DroidDraw是我所知道的最好的第三方工具,但它并不完美。大多数时候,在我开始使用DroidDraw之后,我最终不得不调整XML。

答案 2 :(得分:0)

Eclipse工具已经变得更好但仍然不够好。而且您无法看到数据支持的视图。我使用这个名为PicMe http://www.androlib.com/android.application.com-bw-picme-qDnn.aspx的应用程序来获取手机的屏幕截图,然后在Photoshop中玩游戏,直到我对结果感到满意为止。然后将其转换为9补丁,然后再次测试。 Clunky但运作良好。

您还可以使用此PSD来模拟布局:http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/

答案 3 :(得分:0)

我建议将UI设计和实现分成两个单独的任务。

根据您的平台,您在设计阶段有两个选项:Mac有Omnigraffle,我过去曾使用过称为Pencil的跨平台工具。关键词是'模拟',如果其中任何一个都不适合你,还有很多其他选项可以用Google搜索。即使是记事本中的直接草图也是一个很好的起点。您将开始创建非功能性线框布局。我们的想法是,您可以快速将它们打开并尝试不同的选项,直到您喜欢它为止。

此时,您可以使用布局编辑器(或直接xml)启动Eclipse并实现您的设计。通过预先准备的设计,实际编码应该是相对机械和直接的。调整它以匹配设计'只是如此'可能有点棘手,但运行模拟器的过程非常紧凑。