首页 > 解决方案 > 如何使用 MaterialCardView 制作第二个颜色边框?

问题描述

我在网上找不到任何专门提出这个问题的问题

方形边框截图

我将如何在图像中实现红色“第二”边框但在一侧?我正在使用 MaterialCardView 作为主要的外部边框。我是否可以在左侧制作一个带有红色边框的自定义形状并将其用作 MaterialCardView 的背景?

标签: javaandroidxmlandroid-studiomaterialcardview

解决方案


这可以MaterialCardViews通过仅更改每张卡片的app:cardBackgroundColorapp:cardCornerRadiusandroid:layout_margin属性来轻松实现三个嵌套。

下面是 Xml 布局示例:

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_margin="10dp"
    app:cardBackgroundColor="#81afdc"
    app:cardCornerRadius="10dp">

    <com.google.android.material.card.MaterialCardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="4dp"
        app:cardBackgroundColor="#a70e09"
        app:cardCornerRadius="10dp">

        <com.google.android.material.card.MaterialCardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginStart="6dp"
            app:cardBackgroundColor="#ffffff"
            app:cardCornerRadius="6dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="Sample Text"/>

        </com.google.android.material.card.MaterialCardView>

    </com.google.android.material.card.MaterialCardView>

</com.google.android.material.card.MaterialCardView>

结果:

material_cardview


推荐阅读