如何在Android中实现高级UI设计

Question

3

我看到很多文章介绍使用线性布局和相对布局进行UI设计，但是还没有看到有具体展示如何创建这种UI的文章：

这些只是一组图片吗（即切割的Photoshop设计）？如果是这样，是否有任何示例应用程序/文章/教程可以展示如何切割Photoshop设计，并如何在Eclipse中正确地为多个Android设备编写代码？

我不是在寻找介绍如何使用线性布局的文章，因为我已经看过几篇。我正在寻找将设计实现的内容。像上面那些图片一样更高级的东西。

谢谢！

保重， Shannon

- Shannon Cole

2个回答

0

似乎没有一个使用您所描述的过程。

菜单栏是用塑料效果背景完成的。

图标就是那样

投影是Android视图的一个特性。因此，这不需要自定义图形。

您可能在这里缺少的是，图标等将使用透明的PNG使东西混合。

- Moog

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Paresh Mayani · Accepted Answer

让我分享一下对这两个设计的看法：

1. Facebook 仪表板窗口： - 蓝色顶部栏和底部通知背景图是使用 9-patch 工具创建的。 - 中间的图标 "News Feed"，"Profile" 是带有 3 列和可能的水平/垂直间距的网格视图。 - 第二个底部部分可能是使用图像库视图创建的。

2. 第二个设计中，RelativeLayout 的掌握非常熟练，它使用了 Sectioned ListView 在中间部分，其他所有内容都是使用按钮实现的 RelativeLayout。

值得一提的是，大多数背景图像/图标都是使用 9-patch 工具准备的。使用 9-patch 图像，我们可以创建可缩放的图形。