如何自定义cardview?

时间:2015-06-12 07:17:19

标签: android customization android-cardview

如何以这种方式自定义cardview(左上角)?

在我的方式中,如果我添加3个有盖的盒子(蓝色,灰色,白色),我总是在cardview盒的周边有一个薄边框。 任何例子? 感谢。

Example

1 个答案:

答案 0 :(得分:4)

您是否尝试过相对布局?

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

    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
                        xmlns:app="http://schemas.android.com/apk/res-auto"
                        android:id="@+id/card_view"
                        android:layout_width="match_parent"
                        android:layout_height="230dp"
                        android:layout_marginBottom="@dimen/cardMarginVertical"
                        android:layout_marginLeft="@dimen/cardMarginHorizontal"
                        android:layout_marginRight="@dimen/cardMarginHorizontal"
                        android:layout_marginTop="@dimen/cardMarginVertical"
                        app:cardCornerRadius="2dp"
                        app:cardElevation="2dp"
                        app:cardPreventCornerOverlap="false"
                        app:contentPadding="0dp">

        <RelativeLayout
                            android:layout_width="match_parent"
                            android:layout_height="match_parent">
            <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="horizontal">
                <!--Circle image View-->
                <de.hdodenhof.circleimageview.CircleImageView
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:layout_marginLeft="270dp"
                        android:layout_marginTop="220dp"
                        android:id="@+id/circleViewDiscount"
                        android:src="@drawable/border_white"/>

                <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="10.19\nSaturday\n 30th August 2015"
                        android:textSize="23dp"
                        android:textColor="#08ec38"
                        android:id="@+id/textViewPirceTag"/>
            </LinearLayout>

            <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:margin_Top="50dp" <!--Style the height-->
            android:orientation="horizontal"> 
                    <!--Add element here-->
                </LinearLayout>
            </RelativeLayout>    
        </android.support.v7.widget.CardView>    
    </FrameLayout>