自定义可绘制为CardView背景

时间:2018-12-27 07:12:13

标签: android xml android-layout

我正在尝试显示以下屏幕。我正在使用CardView,但在创建自定义CardView时遇到了困难。以下是图片:

Thank you Screen

我使用了以下代码。到目前为止,这是我尝试过的。

 <?xml version="1.0" encoding="utf-8"?>
        <android.support.constraint.ConstraintLayout 
        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="match_parent"
        android:layout_gravity="center"
    android:paddingTop="20dp">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.CardView
            android:id="@+id/card6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginRight="8dp"
            app:cardCornerRadius="10dp"
            app:cardElevation="4dp"
            app:cardMaxElevation="8dp"
            app:layout_constraintRight_toRightOf="parent">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/micro_xml"
                android:orientation="vertical"
                android:padding="10dp">


                <TextView
                    android:id="@+id/card6Title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:padding="5dp"
                    android:text="Daily Check In"
                    android:textColor="#080808"
                    android:textSize="15sp" />

                <TextView
                    android:id="@+id/card6Description"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:padding="5dp"
                    android:text="Just Check in Daily and Earn Credits"
                    android:textColor="#000000"
                    android:textSize="10sp" />
            </LinearLayout>


        </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:elevation="12dp"
            >
            <ImageView
                android:id="@+id/card6Image"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_gravity="center_horizontal"
                android:src="@mipmap/ic_launcher_round" />
        </android.support.v7.widget.CardView>

    </FrameLayout>

    </android.support.constraint.ConstraintLayout>

如果上述代码不足以实现此目的,我想我应该: 将图像用作CardView的背景,该图像已经具有此拇指和形状。 我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

AFIK,您无法使用CardView创建这种布局。您可以尝试使用自定义布局并设置android:elevation参数。

答案 1 :(得分:0)

您可以使用自定义AlertDialog来实现。

对不起,我现在无法按照您所需的方式向您提供代码段(因为我无法访问IDE atm)。但想法是使用相对布局来设计您希望对话框的显示方式。使用具有可绘制形状的imageview使其变为圆形并将其相对于Textviews放置。

将布局设置为警报对话框的视图。

在您拨打警报对话框上的.show()之前,请使用

"alertdialog".getWindow().setBackgroundDrawableResource(android.R.color.transparent);

//replace the "alertdialog" with your alerdialog name.//

这将使对话框的背景透明,并且只显示您要显示的部分。