Question

我想创建卡片 -

，

我尝试使用margin，但没有赢得这个想法。我尝试为所有元素个人视图创建并使用padding或margin，但我没有结果。

我有类似的代码

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:id="@+id/rlCardBlock"
        style="@style/Widget.CardContent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="24dp"
            android:maxLines="2"
            android:textStyle="bold"
            android:text="title"/>

        <TextView
            android:id="@+id/content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/title"
            android:maxLines="5"
            android:text="content" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_below="@id/content"
            android:layout_marginBottom="8dp"
            android:background="@null"
            android:src="@drawable/ic_more_vert_black_36dp" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

感谢您的关注。

Answer 1

Android已经为卡片和回收者视图预先定义了小部件。您可以使用android cardview和recycler视图来解决您的问题，它很容易实现。

为此如果您使用android studio作为IDE

，首先添加依赖项

compile 'com.android.support:cardview-v7:21.0.+'
compile 'com.android.support:recyclerview-v7:21.0.+'

然后在上面提到的代码中将其更改为

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:padding="16dp"
    >

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/cv"
        >



<LinearLayout
android:id="@+id/rlCardBlock"
style="@style/Widget.CardContent"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">


<TextView
    android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp"
    android:maxLines="2"
    android:textStyle="bold"
    android:text="title"/>

<TextView
    android:id="@+id/content"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/title"
    android:layout_marginTop="12dp"
    android:maxLines="5"
    android:text="content" />

 <TextView
    android:id="@+id/content"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/description"
    android:layout_marginTop="16dp"
    android:maxLines="5"
    android:text="content" />

<LinearLayout
android:id="@+id/rlCardBlock"
style="@style/Widget.CardContent"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:orientation="horizontal">

<Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="Action 1"
  android:id="@+id/button1"
  />

 <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="Action 2"
  android:id="@+id/button2"
  />

</LinearLayout>

</LinearLayout>

    </android.support.v7.widget.CardView>

</LinearLayout>

这是教程：link

Answer 2

关于标题使用android:layout_marginTop="22dp" 关于副标题use android:layout_marginTop="12dp" 在文字上使用android:layout_margin="16dp"

但是，您可以选择其他方式，填充或边距

android中的边距和布局

2 个答案: