卡片在android中叠加在一起

时间:2016-07-22 05:17:19

标签: android android-cardview

我正在尝试了解卡片视图。我写了一个简单的代码来查看两张卡片。但问题是第二张卡片不可见。我认为第一张卡片与第二张卡片重合,这就是为什么第二张卡片不可见。

我在第二张牌中使用android:layout_marginTop="40dp"来维持两张牌之间的差距。但是,只有第一张牌可见。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_height="match_parent"
    android:layout_width="match_parent"

    >
    <!-- A CardView that contains a TextView -->
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
    android:layout_width="200dp"
android:layout_height="200dp"
card_view:cardCornerRadius="30dp"
    android:foregroundGravity="center"
    android:layout_gravity="center_vertical"
    android:paddingTop="10dp"
    android:layout_marginLeft="80dp"
    android:layout_marginBottom="20dp"

    >
<TextView
    android:id="@+id/info_text"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:hint="Encrypt Mode"
    android:textSize="20dp"
    android:textAllCaps="true"
    android:gravity="center"

    />
</android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view2"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:paddingTop="30dp"
        card_view:cardCornerRadius="30dp"
        android:foregroundGravity="center"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="80dp"
        android:layout_marginTop="40dp"

       >
        <TextView
            android:id="@+id/info_text2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:hint="Decrypt Mode"
            android:textSize="20dp"
            android:textAllCaps="true"
            android:gravity="center"

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

如何让两张牌都可见?

2 个答案:

答案 0 :(得分:1)

为linearlayout提供方向属性

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical">
    <--child1 -->
    <--child2 -->
   </LinearLayout>

答案 1 :(得分:1)

哦,将android:orientation="vertical"添加到根LinearLayout

as

<!-- A CardView that contains a TextView -->
<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="200dp"
    android:layout_height="200dp"
    card_view:cardCornerRadius="30dp"
    android:foregroundGravity="center"
    android:layout_gravity="center_vertical"
    android:paddingTop="10dp"
    android:layout_marginLeft="80dp"
    android:layout_marginBottom="20dp"

    >
    <TextView
        android:id="@+id/info_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:hint="Encrypt Mode"
        android:textSize="20dp"
        android:textAllCaps="true"
        android:gravity="center"

        />
</android.support.v7.widget.CardView>
<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view2"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:paddingTop="30dp"
    card_view:cardCornerRadius="30dp"
    android:foregroundGravity="center"
    android:layout_gravity="center_vertical"
    android:layout_marginLeft="80dp"
    android:layout_marginTop="40dp"

    >
    <TextView
        android:id="@+id/info_text2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:hint="Decrypt Mode"
        android:textSize="20dp"
        android:textAllCaps="true"
        android:gravity="center"

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