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

【问题标题】：How to implement advanced UI designs in Android如何在 Android 中实现高级 UI 设计
【发布时间】：2011-10-16 01:34:50
【问题描述】：

我看过很多关于如何使用线性和相对布局进行 UI 设计的文章，但没有看到任何专门向您展示如何创建这样的 UI 的文章：

这些只是图像的集合（即 Photoshop 设计的切片）吗？如果是这样，是否有任何示例应用程序/文章/教程展示了如何进行 Photoshop 设计、适当地对其进行切片，以及如何在 eclipse 中为多个 android 设备正确编码？

我不是在寻找向我展示如何使用线性布局的文章，因为我已经看过很多这样的文章。我正在寻找需要设计并实现它的东西。更高级的东西，比如上面的图片。

谢谢！

保重，香农

【问题讨论】：

【解决方案1】：

让我分享我对这两种设计的看法：

Facebook 仪表板窗口：
- 蓝色顶部栏和底部通知背景图片是使用9-patch 工具创建的。
- 中间部分图标“News Feed”、“Profile”是具有 3 列和可能的水平间距/垂直间距的网格视图。
- 可以使用图库视图创建第二个底部。
2nd掌握了RelativeLayout，中间部分使用Sectioned ListView做准备，其他都是使用RelativeLayout和按钮实现的。

仅供参考，大部分背景图像/图标是使用 9-patch 工具准备的。使用 9-patch 图像我们可以创建一个可缩放的图形。

【讨论】：

【解决方案2】：

这些似乎都没有使用您描述的过程。

菜单栏采用塑料效果背景。

图标就是这样

投影是 android 视图的一个功能。所以这不需要自定义图形。

您可能在这里缺少的是图标等将使用透明 PNG 来混合内容。

【讨论】：