重新创建Google+应用的用户界面

时间:2012-10-31 15:00:42

标签: android user-interface

我对Android开发相当陌生,并计划构建一个简单的新闻阅读器应用程序,以进一步熟悉平台。

问题是;我希望每个新闻项看起来像Google +的帖子项目:

img1

嗯,基本上是一个大标题图片,标题下面有一些描述。

我尝试使用Button重新创建它(因为整个事情需要用户点击),同时在文本顶部设置一个drawable。它工作得很好..直到我决定添加更多drawables:

img2

这是我的XML代码(虽然我怀疑有人会需要它):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/ic_launcher"
    android:drawablePadding="8dp"
    android:drawableTop="@drawable/temp_jakarta"
    android:text="Button" />

</RelativeLayout>

你能告诉我为什么会发生这种情况或者说,建议我采用另一种方法来实现这一目标吗?

提前致谢!

p.s。,我很抱歉这个链接;作为一个新用户,SO不允许我发布图像。 :(

1 个答案:

答案 0 :(得分:1)

将所有内容放在RelativeLayout中并使用layout_below / above / left_of / right_of / ...等将一个相对于其他人放置(事件在顶部,这根本不重要)。

请参阅http://developer.android.com/guide/topics/ui/layout/relative.html了解相关用法,http://developer.android.com/reference/android/widget/RelativeLayout.html获取RelativeLayout类的完整参考,并在开发者博客中查看“Android布局技巧”系列,了解一些提示_