Android布局:如何实现类似于卡片组的UI?

时间:2014-09-12 14:26:51

标签: android android-layout

我需要实现类似于Google Chrome的标签页的布局,如下所示。

是否有可用的库?

enter image description here

2 个答案:

答案 0 :(得分:1)

您需要为卡的每个方面创建一组自定义drawable,并在布局中使用它们。您可以使用表格布局来实现此目的。

例如,要设置带角的背景,您可以创建一个drawable,如下所示:

添加新的drwabe资源,如下所示:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
   android:shape="rectangle" >
   <corners android:radius="5dp"/>
   <stroke android:width="1dp" android:color="choose the color which you want"/>
   <padding android:top="10dp" android:left="10dp" android:bottom="10dp" 
      android:right="10dp"/>
</shape>

创建自定义样式并使用上面的drawable作为背景:

<style name="ContactTextView">
      <item name="android:background">@drawable/drawableName</item>
      // add other items 
</style>

在布局中的每个项目上应用样式

答案 1 :(得分:1)

将RecyclerView与您自己的LayoutManager一起使用。布局管理器可以像这样堆叠它。要实现行为(比如在单击时展开项目),您需要更多代码。我找不到有这个的开源项目。

在这里寻求帮助:

http://wiresareobsolete.com/2014/09/building-a-recyclerview-layoutmanager-part-1/

http://wiresareobsolete.com/2014/09/recyclerview-layoutmanager-2/

http://wiresareobsolete.com/2015/02/recyclerview-layoutmanager-3/