如何使用MaterialCardView获得基本布局？
MaterialCardView是一种用于实现卡片式布局的控件，它是Google Material Design风格的一部分。使用MaterialCardView可以为应用程序提供现代化和一致的外观。
要使用MaterialCardView获得基本布局，可以按照以下步骤进行操作：
- 添加依赖：在项目的build.gradle文件中，添加以下依赖项：
implementation 'com.google.android.material:material:1.4.0'- 在布局文件中使用MaterialCardView：在需要使用卡片布局的地方，使用MaterialCardView作为父容器。例如：
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="8dp"
app:cardElevation="4dp">
<!-- 在这里添加卡片布局的内容 -->
</com.google.android.material.card.MaterialCardView>- 自定义卡片布局：可以在MaterialCardView中添加其他布局元素，例如ImageView、TextView等，以实现自定义的卡片布局。
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="8dp"
app:cardElevation="4dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="200dp"
android:src="@drawable/card_image"
android:scaleType="centerCrop" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Card Title"
android:textSize="18sp"
android:textColor="@android:color/black"
android:padding="16dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Card Description"
android:textSize="14sp"
android:textColor="@android:color/darker_gray"
android:padding="16dp" />
</com.google.android.material.card.MaterialCardView>以上是使用MaterialCardView获得基本布局的步骤。通过设置不同的属性和添加不同的布局元素，可以根据需要创建各种样式的卡片布局。
腾讯云相关产品中，没有直接对应的卡片布局控件。但是可以使用腾讯云提供的移动开发解决方案，如腾讯移动推送、腾讯移动分析等，来增强应用程序的功能和用户体验。具体产品和介绍可以参考腾讯云官方文档：
相关·内容
即使我将androidx cardview添加到依赖项中，我也无法使用它。我试着清理和重建项目，但它仍然不起作用。这是gradle文件，我哪里做错了？ android {
compileSdkVersion 29
buildToolsVersion "30.0.2"
defaultConfig {
applicationId "com.android.camdrive"
minSdkVersion 23
targetSdkVersion 29
versionCode 1
浏览 89提问于2020-12-11得票数 0
我能够对MotionLayout中的视图进行动画化，但不能对位于MotionLayout内部的另一个视图进行动画化。
<androidx.constraintlayout.motion.widget.MotionLayout
...
<com.google.android.material.card.MaterialCardView
...
<androidx.constraintlayout.widget.ConstraintLayout
<!-- I need to animate views that are here when
浏览 8提问于2022-10-27得票数 0
该站点描述了如何自定义MaterialCardView，但是当我在样式文件中选择Widget.MaterialComponents.MaterialCardView作为父级时，就找不到它了。
我试着用Widget.MaterialComponents.CardView来做，但是我的卡片变成了灰色的背景。我可以用app:cardForegroundColor修复灰色背景，它在大多数情况下工作得很好，但当我在一些特殊情况下使用MaterialCardView时，比如作为BottomSheet，自动转角的内置动画会让灰色背景再次可见。无论如何，我对app:cardForegroundColor并不
浏览 0提问于2020-04-19得票数 0
使用xml的设计预览没有显示com.google.android.material.card.MaterialCardView，，但当我们安装应用程序时它会显示出来。
浏览 6提问于2020-01-03得票数 4
我正在尝试实现两个应该像Radiogroup一样的MaterialCardViews。因此，如果我单击其中一个，则应取消选中另一个。我使用viewModel，liveData和自定义的双向数据绑定来保存这些值，以供以后使用(每封电子邮件发送)。 我成功地编写了.xml并实现了检查逻辑，但我很难实现未检查逻辑。 XML，简短版本，更好的可见性 <layout
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<variable
浏览 24提问于2020-08-25得票数 1
回答已采纳
我试图在我所有的活动中使用相同的导航抽屉。如果单击仪表板卡视图，主页将重定向到仪表板。如果我在仪表板页面中打开导航抽屉，应用程序就会崩溃，并显示以下错误。
错误
Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'boolean androidx.drawerlayout.widget.DrawerLayout.isDrawerOpen(int)' on a null object reference
at fyp.ui_activities.Homepage.
浏览 11提问于2021-01-21得票数 0
回答已采纳
让我们想象一下，我们有一张可以刷走的火药卡。当我们将卡片拖到左边时，它的大小会增大和减小(例如，scale = 0.7)
当卡片尺寸减小时，图片将被裁剪。有没有可能使它成比例地变小而不被切断？(图片不是MotionLayout的直系后代:MotionLayout -> MaterialCardView -> ConstraintLayout -> ImageView (此图片))
浏览 42提问于2020-10-27得票数 0
7回答
如何在卡纸上设置彩色边框
、、、
我正在实现卡片视图，但我找不到任何边界选项来设置它的边界。
这是我的card.xml：
<android.support.v7.widget.CardView android:layout_marginTop="10dp"
android:id="@+id/cardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com
浏览 3提问于2016-04-12得票数 40
回答已采纳
我在网上找不到任何专门问这个问题的问题。
我如何实现一个红色的“第二个”边框，就像在图像中一样，但在一侧？我使用MaterialCardView作为主要的外部边框。我会不会只做一个左边有红色边框的自定义形状，并用它作为MaterialCardView的背景？
浏览 9提问于2021-10-04得票数 1
我试图在卡片视图的点击上添加涟漪效应，奇怪的是，它不会出现吗？
这里有什么问题吗？
<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:app="htt
浏览 0提问于2019-08-21得票数 3
回答已采纳
专业开发人员。我将尝试以编程方式更改卡片视图的背景和笔画颜色，但每次card.setCardBackgroundColor()都会覆盖笔画颜色。在静态的XML中，它工作得很好。但在编程上，它会产生这样的效果。 val colorWithAlpha = ColorUtils.setAlphaComponent(tagColor, 128)
tagView.card.setStrokeColor(ColorStateList.valueOf(colorWithAlpha))
tagView.card.setCardBackgroundColor(ColorStateList.valueOf(ta
浏览 165提问于2021-11-17得票数 2
回答已采纳
因此，我有一个应用程序布局，但在一些安卓版本，如安卓11。TextView不出现在屏幕上，而在更高或更低版本，TextView出现在屏幕上。更具体地说，对于、缺席、和维护这两个词。有人能帮我解决这个问题吗？
<LinearLayout
android:layout_width="match_parent"
android:layout_height="90dp"
android:orientation="horizontal"
android:weightSum="2"
android
浏览 6提问于2022-03-10得票数 0
2回答
我使用下面的代码来实现更简洁的布局
<android.support.v7.widget.CardView
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="0dp"
app:cardElevation="2dp"
app
浏览 2提问于2017-04-19得票数 4
我有2跨的简单网格布局，我的RecyclerView项布局如下所示：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools=
浏览 5提问于2020-09-09得票数 1
回答已采纳
我想在我的布局中实现这个投影。我的布局是相对布局和线性布局。我试过了，但一切都不顺利。我附上了一张图片，这样帮助我的人就很容易实现我想要实现的目标
。
my.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid
android:color="#4D0B1020"/>
<stroke
浏览 4提问于2021-11-11得票数 0
我想知道为什么我的回收器视图中的每张卡片都比以前的卡片有更多的阴影。这是正常行为吗？如果不是，是什么导致了这种情况，我如何避免这种情况？
除了旧的stackoverflow帖子()之外，我找不到任何关于这方面的信息
列表项布局
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmln
浏览 11提问于2021-10-14得票数 2
1回答
我有一个带有许多视图的约束布局，我希望以编程方式对它们进行排序。我试过使用ConstraintSet，但它并没有像预期的那样工作。
我创建了一个示例应用程序来演示这个问题，这里是activity_main.xml文件。
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
andro
浏览 1提问于2019-12-22得票数 1
回答已采纳
我想知道如何将笔画颜色应用于卡片视图onClick，并在再次单击时取消选择它。
另外，我有多个卡片视图，所以如果其中一个已经被选中并应用了笔画颜色，但是如果用户单击另一个卡片视图，则笔画颜色从第一个卡片中消失，并应用到受人尊敬的卡片视图中。
我怎样才能做到这一点？
现在，我已经将笔画颜色应用到了一个卡片视图中。
作为进一步的注意，我希望得到所选的CardView id或当点击捐赠按钮时的金额，并将卡片视图(金额)传递给支付网关。
看上去是这样的：
donate_fragment.xml //只有卡片视图部分和按钮
<TextView
android:layout
浏览 7提问于2022-02-16得票数 3
回答已采纳
目标:我正在尝试制作一个MaterialCard，里面有一个图像，以及图像下面的一些文本。这个当前的布局将作为应用程序的“菜单”，用户可以在其中选择导航到的位置。
问题: ImageView出现在垂直中心的MaterialCardView中。我希望ImageView“坚持”到MaterialCardView的顶部。在MaterialCardView的上面和下面都有很大一部分ImageView。
我的XML代码：
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xm
浏览 4提问于2019-12-18得票数 0
回答已采纳
1回答
根据材料规格， colorSurface适用于卡的背景色。
当我们在xml中指定卡片时，这样做是可行的
<com.google.android.material.card.MaterialCardView
android:layout_width="100dp"
android:layout_height="100dp"></com.google.android.material.card.MaterialCardView>
当我运行这个，我可以看到彩色表面正确地应用于上面的卡片。
如果我以编程方式制作卡片，这也是可行的。
浏览 1提问于2020-02-19得票数 3
回答已采纳
我有一个MaterialCardView，它的形状如下：
我想在里面放一个ImageView，它的形状和MaterialCardView完全一样。
以下是我尝试过的东西：
MaterialCardView设置：
app:cardPreventCornerOverlap="false"
android:clipChildren="true"
我认为以上设置只适用于卡角半径的原始卡片视图。
我知道您可以创建一个表单xml或CustomImageView来实现它。
但我只想知道是否有一个直接的方法来遏制所有的孩子。
注意事项：我使用的是来自材料库的Mat
浏览 2提问于2019-11-16得票数 3
我试过什么？
在浏览了一下MaterailCardViewHelper 之后，我试图复制它绘制相关的Drawable的方式。不幸的是，它的形状是黑色的，有一些“经过处理的”角，看起来一点也不像MaterialCardView。我知道MaterialCardViewHelper在实际的CardView上应用了背景和前景，在查看了源代码之后，它似乎并没有做什么特别的事情，也就是说，它似乎只是调用setBackgroundDrawable (我在someView上做的，如下所示)。
我正在使用Xamarin，所以我的代码是用C#编写的。实际上，我已经将(MaterialCardViewHelper的
浏览 5提问于2020-12-26得票数 0
回答已采纳
3回答
我有一个线性布局与2个文本视图，具有不同的背景颜色。我想使整个视图(线性布局)与圆角。我试着将它封装在MaterialCardview中(因为我在里面设置了整个片段布局就能达到这个效果)，但是由于某种原因，它不能工作。我需要做什么才能在视图上实现圆角？
<android.support.design.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:lay
浏览 5提问于2018-11-29得票数 2
回答已采纳
我有一个layout.xml，它分为两个部分，其中一个部分包括垂直填充的字段，另一个部分(初始部分)包括3个将被imageView填充的纸板视图(稍后)，但是，当试图只让卡视图水平滚动时，什么都不会发生，唯一发生的事情是整个布局都是垂直滚动的，但没有任何硬视图水平滚动。
.xml存档代码：
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
浏览 3提问于2020-05-12得票数 0
回答已采纳
我在BottomSheetFragment中有一个RecyclerView，如下所示：
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:lay
浏览 0提问于2021-03-29得票数 0
2回答
你好，我试着复制教程的代码，但对我来说不管用.Layout_below不会将文本移到图片下面，有人能帮忙吗？
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android
浏览 5提问于2021-09-04得票数 0
回答已采纳
我想使用style.xml文件更改MaterialCardView的背景色。在我的安卓应用中实现“黑暗模式”真的很有帮助。 我已经尝试过动态做，但我更喜欢使用主题完成这一点。
浏览 53提问于2019-03-23得票数 8
回答已采纳
1回答
你好，我创建了一个布局，它应该根据屏幕大小来调整，但是在一个屏幕尺寸较大的设备中，布局是合适的，但是对于另一个屏幕大小较小的设备，布局剂量合适，从上到上的部分是不可见的，底部是相同的。
期望
这是我的xml代码
post_item_container_home.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:
浏览 5提问于2021-06-21得票数 0
回答已采纳
我试着在谷歌新材料组件上测试我的技能。但是现在我在MaterialCardView上遇到了一个问题
建筑过程告诉我
The style on this component requires your app theme to be Theme.AppCompat
[..]
at com.google.android.material.card.MaterialCardView.<init>
有了这条线索，我将style="@style/Theme.AppCompat" & android:theme="@style/Theme.AppCompat&
浏览 0提问于2018-06-17得票数 10
新MaterialCardView上没有涟漪吗？
我将CardView与android:clickable="true"和android:foreground="?android:attr/selectableItemBackground"一起使用，它们工作得很好，但是对于新的MaterialCardView，根本没有任何涟漪。
其他View等继续工作，但我希望我的卡是可点击的(与波纹作为反馈)。
浏览 1提问于2018-06-04得票数 22
回答已采纳
我有以下XML代码，直到屏幕底部，我才能使“summaryViewPager”垂直填充剩余的空格：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
浏览 4提问于2020-08-03得票数 4
回答已采纳
我正在研究当前Android应用程序中的CardView和Dark主题。
除CardViews之外，当启用黑暗模式时，我的大多数应用程序将按预期工作。
我的梯度和这个很像
android {
compileSdkVersion 29
defaultConfig {
applicationId "org.application.investigation"
minSdkVersion 23
targetSdkVersion 29
versionCode 1
versionName &#
浏览 0提问于2020-02-10得票数 3
回答已采纳
我正在尝试测试我的recyclerView，并且我正在使用物料卡片视图来显示物品，虽然应用程序运行良好，但我在尝试测试时遇到了以下错误： android.view.InflateException: Binary XML file line #11: Binary XML file line #11: Error inflating class com.google.android.material.card.MaterialCardView
Caused by: android.view.InflateException: Binary XML file line #11: Error i
浏览 25提问于2019-06-17得票数 3
我正在尝试实现类似于Gmail的a布局，但是我有一个小问题，背景是不透明的。我试着放置透明的颜色背景，但这是行不通的。尝试应用带有透明属性的样式，但它无法工作。所以我没有其他选择了，任何帮助都会很感激。
Gmail应用程序栏布局：
我的应用程序栏布局：
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:layout_height="wrap_content"
android:lay
浏览 3提问于2020-11-03得票数 0
3回答
如何禁用MaterialCardView的触摸纹波效应？将clickable属性设置为false或使用foreground和background属性没有影响。
我使用的是材料支持库版本1.1.0-alpha02.
浏览 0提问于2019-01-10得票数 20
回答已采纳
我有两个MaterialCardViews，我希望在屏幕上共享相同的宽度，并且已经使用具有两列的GridLayout实现了这一点，但是当MaterialCardViews中的文本开始超过期望的宽度时，我正在努力保持宽度约束。 所需：https://imgur.com/a/BB9H4zZ 当前问题：https://imgur.com/a/gyXJxZc 下面是我目前对这些卡片的实现： <GridLayout
android:id="@+id/search_results_grid"
android:layou
浏览 10提问于2019-06-09得票数 0
回答已采纳
我希望创建一个自定义CardView，在创建实例时可以添加其他子组件，如下所示：
<com.example.app.CardComponent
tools:context=".MainActivity"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height=
浏览 1提问于2022-03-04得票数 0
回答已采纳
1回答
我试着做一个全屏应用程序。我想知道如何使我添加到JFrame上的组件在每个分辨率上占据屏幕的一部分。
设计选项卡模式：
当我在全屏上运行时，我得到了这样的信息：
如何使以下界面调整到全屏？
浏览 1提问于2014-07-18得票数 1
回答已采纳
4回答
对于MaterialCardView的每个拐角半径是否可能有不同的值？如果是的话，怎么做？
我尝试了下面的代码，但它似乎没有任何效果。
float radius = getContext().getResources().getDimension(R.dimen.default_corner_radius);
ShapePathModel leftShapePathModel = new ShapePathModel();
leftShapePathModel.setTopLeftCorner(new RoundedCornerTreatment(radius));
浏览 1提问于2019-02-14得票数 13
回答已采纳
3回答
我不能在MaterialCardView的中心设置自定义图标。下面是我的xml布局
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/cardPaymentContainer"
android:layout_width="0dp"
android:layout_height="200dp"
android:layout_margin="@dimen/default_margin"
android:la
浏览 0提问于2019-10-31得票数 3
2回答
我试着用最简单的方式做一个圆形的图像。但它就是不起作用。我也尝试过实现"hdodenhof/CircleImageView“，但没有用。有没有其他可靠的方法可以做到这一点？
<com.google.android.material.card.MaterialCardView
android:layout_width="200dp"
android:layout_height="200dp"
app:cardCornerRadius="100dp">
<ImageView
浏览 3提问于2019-11-15得票数 0
我使用的是android数据绑定和android studio。我有下面的xml文件。 我正面临着问题。 此处不允许使用元素androidx.coordinatorlayout.widget.CoordinatorLayout 我尝试使用MaterialCardView更改CordinatorLayout，结果再次显示 此处不允许使用元素com.google.android.material.card.MaterialCardView 我不能理解这里的问题是什么。但是当我构建项目时，它成功地构建了。但是android studio没有显示自动完成。任何人有任何想法，请。 <layout
浏览 206提问于2020-04-02得票数 1
回答已采纳
我试图通过点击菜单图标ImageView来设计从右到左拖动导航抽屉布局的布局。
功能正在正常工作，没有任何问题。但是，从UI的角度来看，导航抽屉布局在MaterialCardView下面是可见的，并将内容包装为卡片大小。如何将导航抽屉放在卡片和全屏上。
下面是我的布局文件: activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://sch
浏览 1提问于2021-01-26得票数 0
回答已采纳
1回答
所有的MaterialCardView在之前的棒棒糖上都变黑了，特别是API16，像这样：
我试着为卡做一个样式，但它不工作，但它工作时，我使用的CardView。
<android.support.design.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="120dp"
android:foreground="@color/tr
浏览 2提问于2019-03-27得票数 1
我正在为回收视图行做布局，我希望ChipGroup能够像在这个模型中那样在MaterialCard的边界上绘制：
问题是我使用什么父布局并不重要，或者如果我禁用了clipChildren，芯片永远不会与MaterialCardView重叠，如果我用一个简单的按钮替换芯片，它看起来就像我想要的那样。
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http:
浏览 8提问于2021-10-27得票数 0
回答已采纳
1回答
我想做一个这样的按钮。我用硬纸来给半径和阴影效果。但是只有下垂阴影没有像上面的图像那样给出一种锋利的风格。下面是创建这种类型按钮的代码：
<com.google.android.material.card.MaterialCardView
android:layout_width="wrap_content"
android:layout_height="40dp"
android:layout_marginEnd="10dp"
app
浏览 20提问于2022-09-07得票数 0
回答已采纳
我用了很多时间这个波纹效果，但在这个页面上，它不工作的点击到图像。
我也在这个布局(盖子)上尝试过这个方法，但是它还是没有起作用。我使用RecyclerView，所以我把适配器代码和RecyclerView项布局。
RecyclerViewItem_layout.xml：
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
xmlns:app=
浏览 2提问于2021-07-17得票数 0
我目前正在构建我的第一个安卓应用程序，我正在使用的RecyclerView卡从材料设计。但是，我希望在卡片和屏幕边缘之间以及卡片之间有相同的边距。根据我设置页边距的方式，我会遇到不同的问题：
变体1
<com.google.android.material.card.MaterialCardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android
浏览 9提问于2020-06-14得票数 4
回答已采纳
我正努力实现这一点..。
好的，这个看起来不错，没有problem..BUT
这是个问题，如果这是在小屏幕上，那么当滚动到屏幕的末尾时，最后的视图没有正确显示。
我试过用RelativeLayout和ConstraintLayout来实现这一点，但是效果是一样的。
XML源代码：
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app
浏览 11提问于2022-07-06得票数 0
1回答
我试图禁用MaterialCardView的下角四舍五入，但是在应用它之后，所有的角都失去了舍入。
mainCard.shapeAppearanceModel = mainCard.shapeAppearanceModel.toBuilder()
.setBottomLeftCorner(CornerFamily.ROUNDED, 0f)
.setBottomRightCorner(CornerFamily.ROUNDED, 0f)
.setTopLeftCorner(CornerFamily.ROUNDE
浏览 0提问于2020-08-11得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
