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

Question

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

http://i.stack.imgur.com/ojSHM.jpg

http://i.stack.imgur.com/gNXaO.jpg

这些仅仅是图像的集合(即photoshop的切片设计)吗？如果是这样的话，有没有任何示例应用程序/文章/教程来展示如何采用photoshop设计，如何对其进行适当的切片，以及如何在eclipse中为多个android设备正确编码？

我并不是在寻找那些告诉我如何使用线性布局的文章，因为我已经看过一打这样的文章。我正在寻找的东西，采取一个设计，并实现它。一些更高级的东西，比如上面的图片。

谢谢!

保重，香农

Answer 1

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

1. Facebook仪表板窗口：

- The blue top bar and bottom notification background image are created using `9-patch` tool.
- The middle part icons "News Feed","Profile" are the gridview with 3 column and possible horizontal spacing/vertical spacing.
- The 2nd bottom part may be created using Image Gallery View.

​

1. Sectioned包含对RelativeLayout的掌握，它准备在中间部分使用分段ListView，其他所有内容都是使用带按钮的RelativeLayout实现的。

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

Answer 2

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

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

这些图标就是

阴影是android视图的一项功能。因此，这不需要自定义图形。

这里你可能忽略的是，图标等将使用透明的PNG来使东西混合。