2011-03-18 26 views
0

我为我的Android应用程序使用Eclipse:当我创建布局时,我直接书写xml代码,因为我不喜欢图形布局代表项目(例如我看不到ListView) 。有没有办法使Eclipse更好地工作,或者有没有第三方工具可以帮助设计更好的用户界面?Android:如何正确设计用户界面

在此先感谢和问候! c。

回答

0

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

1

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

0

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

也有这个PSD,你可以用它来模拟式布局:http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/

0

我会建议分裂UI设计与实施分成两个独立的任务。

根据您的平台,您有几个设计阶段的选项:Mac有Omnigraffle,过去我使用了一个名为Pencil的跨平台工具。关键词是“模拟”,如果这些选项都不适用于您,还有很多其他选项可以进行搜索。即使笔记本上的直线草图也是一个很好的开始。您将开始创建非功能性线框布局。这个想法是,你可以快速开展并尝试不同的选择,直到你喜欢你所拥有的。

此时,您可以启动Eclipse并使用布局编辑器(或简单的xml)实现您的设计。在预先准备的设计中,实际的编码应该是相对机械和直接的。调整它以匹配设计的“简单”,可能会有点棘手,但模拟器运行这个过程的周转时间非常短。