如何在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信息中心窗口：

   • 使用9-patch工具创建蓝色顶部栏和底部通知背景图片。
   • 中间部分图标“News Feed”，“Profile”是3列的网格视图，可能是水平间距/垂直间距。
   • 可以使用“图库视图”创建第二个底部。

2. 2nd包含了对RelativeLayout的掌握，它在中间部分使用了Sectioned ListView进行了准备，其他一切都是使用RelativeLayout和按钮实现的。

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

Answer 2

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

菜单栏以塑料效果背景完成。

图标就是那个

阴影是android视图的一个特征。所以这不需要自定义图形。

这里你可能缺少的是图标等会使用透明的PNG来混合。