首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MaterialCardView以编程方式更改背景颜色和笔触颜色

基础概念

MaterialCardView 是 Android 开发中的一个组件,属于 Material Design 库的一部分。它提供了一个卡片样式的视图,通常用于显示内容块。通过编程方式更改其背景颜色和笔触颜色,可以增强用户界面的交互性和视觉效果。

相关优势

  1. 灵活性:可以根据应用的状态或用户的操作动态改变颜色。
  2. 一致性:保持应用的设计语言和风格一致。
  3. 用户体验:通过颜色变化提供视觉反馈,增强用户体验。

类型

  • 背景颜色:可以是纯色、渐变色或图片。
  • 笔触颜色:通常指的是卡片的边框颜色。

应用场景

  • 根据不同的数据状态(如成功、警告、错误)改变颜色。
  • 用户交互时(如点击、长按)改变颜色以提供反馈。
  • 根据主题或模式(如夜间模式)改变颜色。

如何更改背景颜色和笔触颜色

以下是一个简单的示例代码,展示如何在 Android 中以编程方式更改 MaterialCardView 的背景颜色和笔触颜色:

代码语言:txt
复制
import android.graphics.Color;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.google.android.material.card.MaterialCardView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        MaterialCardView cardView = findViewById(R.id.cardView);

        // 更改背景颜色
        cardView.setCardBackgroundColor(Color.parseColor("#FFC107")); // 示例颜色:黄色

        // 更改笔触颜色
        cardView.setStrokeColor(Color.parseColor("#FF5722")); // 示例颜色:橙红色
        cardView.setStrokeWidth(2); // 设置笔触宽度
    }
}

遇到的问题及解决方法

问题:颜色变化不明显或不符合预期

原因

  • 颜色值选择不当。
  • 背景或内容的颜色与笔触颜色冲突。

解决方法

  • 使用颜色工具(如 Adobe Color)来选择和搭配颜色。
  • 确保背景颜色和笔触颜色有足够的对比度。

问题:颜色变化没有立即生效

原因

  • 可能在 UI 线程之外更改颜色。
  • 可能需要调用 invalidate()requestLayout() 来刷新视图。

解决方法

  • 确保在 UI 线程中更改颜色。
  • 在更改颜色后调用 cardView.invalidate()cardView.requestLayout()

参考链接

通过以上信息,你应该能够理解如何以编程方式更改 MaterialCardView 的背景颜色和笔触颜色,并解决可能遇到的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

再不迁移到Material Design Components 就out啦

MDC 1.1.0更改了一些默认的小部件样式,以更好地符合“材料设计”准则。...但是,升级后,您可能会注意到某些控件颜色和其他属性的某些意外更改。 ? 在上面的示例中,按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...下面这几种情况应该考虑 在布局中写的控件如果有对应的 MDC 控件的话,直接使用 MDC 控件 任何的风格,默认风格和默认风格属性应该改变成 MDC 版本 在编程中或者自定义类的父级类使用的任何控件都应该为...MDC窗口小部件使用这些属性来为其背景,文本,图标等着色。要了解哪些小部件使用哪种颜色,需要检查源代码中的默认小部件样式。 AppCompat和框架中还存在一些颜色,但不再适用于此新系统。...backgroundTint 属性来调整背景形状和颜色。

3.2K30
  • CSS提高文字的对比度

    这就是为什么您可以以 12px 或 120px 显示它们并且它们保持清晰和相对锐利的原因。向量意味着它们的形状是由点和数学来描述形状的,而不是实际的像素数据。...white并且我的背景为white,则笔触使其在支持浏览器中看起来很酷,但在不支持浏览器中完全消失!”...我们将删除 WebKit 专有的 -webkit-text-fill-color 以支持颜色,因为我们现在是跨浏览器兼容的。...主要问题是您只能通过这种方式获得 1px 的笔画。再多,你就会看到差距。WebKit 文本笔画还有更多问题,但也存在问题,因此每个人都像一匹马。 结合 同时使用笔触和阴影会产生很好的效果。...不幸的是,对于 CSS 和 Illustrator 来说,不可更改的默认设置是居中的。解决方案只是不要对笔触边框的厚度过于疯狂,一切都应该没问题。

    1.4K30

    Premiere Pro 2022 for Mac(pr 2022)v22.6.0中文激活版

    pr 2022中文激活版不仅可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理,还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。...您现在可以在节目监视器中右键单击文本或形状图层,然后从快捷菜单中选择编辑属性以打开图形面板。然后,您可以使用字体、颜色和样式选项更改标题的外观。图形面板也可以通过从工作区菜单中选择标题和图形来打开。...可调节衰减以降低音量自动降低音量功能可在对话期间降低音频或其他背景音频的音量,以便您能听得更清楚。借助新的淡入淡出位置滑块,可以更轻松、更快速地获得所需结果。...自动降低音量使用 Adobe Sensei AI在出现对话或画外音时自动调整背景音频。使用新的淡入淡出位置滑块,您可以选择相对于前景声音何时降低音量。

    1.3K20

    Premiere Pro 2022 Mac(pr 2022)22.6.2

    pr 2022不仅可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理,还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作,功能十分的全面强大...Premiere Pro 2022 Mac图片pr 2022新增功能详解Premiere Pro 的设计工具与文本面板的搜索和编辑功能相结合,让您可以为任何视频项目创建令人难以置信的自定义标题和图形。...您的标题可以简单、设计精美,也可以包含丰富的图形和动画。使用“文本”面板,您可以管理具有数百个标题的项目,并将设计轻松保存到模板库以供重复使用。...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。

    62520

    《iOS Human Interface Guidelines》——Template Icons模板图标

    这些符号是有版权的,并且产品的设计可能会频繁地更改。 无论你只使用自定义的图标还是混合自定义和标准的,你的app中所有的图标应该在感知尺寸、细节等级和视觉分量上看起来属于同一个系列。...如果你设计一个自定义的标签栏图标,你应该提供两个版本——一个未选中的外观和一个选中后的外观。选中后的外观往往是未选中外观的填充版本,但是一些设计需要改变这一方式。...键盘图标也有内部细节,但是如果把背景填充并将圆形变成白线,这样的选中版会变得迷惑并且难以识别。 有时候,设计需要轻微的修改来使选中时好看。...比如说,语音邮箱和阅读清单图标就使用了2 point的笔触,而不是用来绘制未选中版的1point笔触。 有时候,在笔触描绘轮廓时图标的形状有些细节不太好看。...iOS忽略所有的颜色信息,所以不必要使用超过一个以上的填充色。 不要包含阴影。 使用反锯齿。 如果你想要设计一个看起来与iOS图标系列相关的小图标,那就使用非常细的笔触来绘制它。

    63020

    pr 2022 v26.2中文版「winmac」

    pr 2022不仅可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理,还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作,功能十分的全面强大...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。...您现在可以在节目监视器中右键单击文本或形状图层,然后从快捷菜单中选择编辑属性以打开图形面板。然后,您可以使用字体、颜色和样式选项更改标题的外观。图形面板也可以通过从工作区菜单中选择标题和图形来打开。...自动降低音量使用 Adobe Sensei Ai在出现对话或画外音时自动调整背景音频。使用新的淡入淡出位置滑块,您可以选择相对于前景声音何时降低音量。...时间后处理允许您手动调整视频的帧速率以使其外观和感觉风格化。例如,帧速率可以从 60 fps 降低到 24 fps,以获得更具电影感的视频风格,甚至高达 12 fps 以获得定格动画效果。

    2.2K10

    分享一个自由拖拽组件的实现思路

    non-scaling-stroke 该值修改了笔触的方式。通常,笔触涉及在当前用户坐标系中计算形状路径的笔触轮廓,并用笔触颜料(颜色或渐变)填充轮廓。...该值的最终视觉效果是笔触宽度不依赖于元素的变换(包括非均匀缩放和剪切变换)和缩放级别。 non-scaling-size 该值指定元素及其后代使用的特殊用户坐标系。...尽管从宿主坐标空间进行任何转换更改,该用户坐标系的比例也不会更改。但是,它没有指定抑制旋转和偏斜。同样,它也不指定用户坐标系的原点。...尽管从宿主坐标空间发生任何变换更改,该用户坐标系的旋转和倾斜仍被抑制。但是,它没有指定抑制缩放。同样,它也没有指定用户坐标系的原点。...尽管从宿主坐标空间进行任何转换更改,用户坐标系的位置都是固定的。但是,它没有指定抑制旋转,偏斜和缩放。

    2.3K40

    Premiere Pro 2022 for Mac(pr 2022)中文版 v22.6.2

    pr 2022中文版不仅可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理,还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。...您现在可以在节目监视器中右键单击文本或形状图层,然后从快捷菜单中选择编辑属性以打开图形面板。然后,您可以使用字体、颜色和样式选项更改标题的外观。图形面板也可以通过从工作区菜单中选择标题和图形来打开。...自动降低音量使用 Adobe Sensei AI 在出现对话或画外音时自动调整背景音频。使用新的淡入淡出位置滑块,您可以选择相对于前景声音何时降低音量。...时间后处理允许您手动调整视频的帧速率以使其外观和感觉风格化。例如,帧速率可以从 60 fps 降低到 24 fps,以获得更具电影感的视频风格,甚至高达 12 fps 以获得定格动画效果。

    1.9K20

    视频剪辑软件Premiere Pro 2022 for Mac(pr 2022)中文版v22.6.2

    ​pr 2022可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理。...Premiere Pro 2022还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作,功能十分的全面强大。...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。...您现在可以在节目监视器中右键单击文本或形状图层,然后从快捷菜单中选择编辑属性以打开图形面板。然后,您可以使用字体、颜色和样式选项更改标题的外观。图形面板也可以通过从工作区菜单中选择标题和图形来打开。...时间后处理允许您手动调整视频的帧速率以使其外观和感觉风格化。例如,帧速率可以从 60 fps 降低到 24 fps,以获得更具电影感的视频风格,甚至高达 12 fps 以获得定格动画效果。

    2K30

    PDF Plus for Mac(PDF处理工具)

    PDF Plus Mac中文版功能介绍合并PDF文档添加/删除PDF文档更改PDF文档的合并顺序立即将所有PDF文档合并到一个PDF文件中以批处理方式拆分PDF文档添加/删除PDF文档以页面和/或页面间隔分割...PDF文档为生成的PDF文件取有意义的名称将生成的PDF文件保存在您选择的文件夹中以批处理方式裁剪PDF文档添加/删除PDF文档使用点或百分比定义裁剪矩形定义相对于PDF页面某个角的裁剪矩形预览每个PDF...:文字(这是会在您的PDF文件上加水印的文字)文字颜色(更改文字颜色)字体类型(从20种精选字体中选择)字体大小(更改文本的字体大小)不透明度(使文本更不透明或透明)旋转(以一定角度旋转文本)阴影(通过添加阴影效果使文本更加可见...)笔触(通过添加笔触效果使文本更清晰可见)位置(您可以在以下位置中选择:左下,右下,左上,右上和居中)X偏移(用于文本的精确水平定位)Y偏移(用于文本的精确垂直位置)将图像水印添加到PDF文档中,您可以为其自定义以下内容...GIF和TIFF图像格式调整图像大小并更改其DPI和打印尺寸为图像命名将生成的图像保存在您选择的文件夹中以批处理模式编辑PDF属性添加/删除PDF文档更改PDF文档的以下属性:标题,作者,主题,关键字使用

    2.1K30

    photoshop学习笔记

    特点:通过抠选对象颜色与背景颜色 的差异来选择,很准确。...默认值是32 快速选择工具W 特点:也是根据颜色的相似程度来选择对象 笔触:笔尖大小,笔触越大表示作用范围越大,笔触越小范围越小 “[” 表示缩小笔触, ”]” 表示放大笔触 去边处理: 图层菜单—...定义图案: 1,新建10*10PX的文档,改成透明 2,绘制需要的图案 3,在编辑菜单中定义图案并命名 4,在编辑菜单中选择填充——图案——自定义图案——最后一个 (一)矢量图与位图 矢量图:由点,线,形,以数学矢量方式来记录的图形...特别注意:在做减运算时,只能用小黑选择一个形状,就是做剪刀的形状(在上层的),如果选中两个形状 ,相当于和背景做运算。...叠加:让亮的更亮,暗的更暗 特点:依然保留色相 常用白色做叠加来打造高光或背景。 柔光:运算方式和叠加一样,比叠加的程度要弱。

    3.2K20

    Premiere Pro 2022中文版新功能v22.6.2(pr 2022)

    pr 2022不仅可以帮助用户对各种视频进行剪辑、旋转、分割、合并、字幕添加、背景音乐等基础的处理,还能帮助用户进行视频颜色校正、颜色分级、稳定镜头、调整层、更改片段的持续时间和速度、效果预设等操作。...多亏了新的上下文菜单,编辑自定义设计中的任何图层变得更加容易和快捷。 填充为文本和形状图层的蒙版。您现在可以仅将蒙版应用于图层的填充,以渲染不属于蒙版的笔触和阴影。...您现在可以在节目监视器中右键单击文本或形状图层,然后从快捷菜单中选择编辑属性以打开图形面板。然后,您可以使用字体、颜色和样式选项更改标题的外观。图形面板也可以通过从工作区菜单中选择标题和图形来打开。...自动降低音量使用 Adobe Sensei AI 在出现对话或画外音时自动调整背景音频。使用新的淡入淡出位置滑块,您可以选择相对于前景声音何时降低音量。...时间后处理允许您手动调整视频的帧速率以使其外观和感觉风格化。例如,帧速率可以从 60 fps 降低到 24 fps,以获得更具电影感的视频风格,甚至高达 12 fps 以获得定格动画效果。

    1.8K40

    Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)

    然后,您可以使用 Shift 和 2(缩放到选择)的组合放大所选元素。 24.Shift + 1-缩放以适应 缩放以显示画布上的所有元素。 25.Z+鼠标选区 按Z键在画布上选择一个区域。...28.Option + 触控板(鼠标) 输入中的数字、颜色等可以如上例那样使用。您可以通过在鼠标和触摸板上左右移动手指来更改输入值(在 Mac 上使用两个手指)。...赋予 Blur: 0、Spread: 0、X:0 和 Y:10 值后,元素下方会出现 10px 边框。您可以通过更改 Y 值来增加边框厚度。...如果我们需要改变颜色,形状等等,只需要改变这个这个元件的设定,那么使用这个元件的其它内容都会发生变化。 32.CMD+E 将形状转化为矢量。此快捷方式在设计图标和插图时很有用。...选择元素时交换笔触颜色和填充颜色的快捷方式。 41.Shift + Cmd + O 轮廓描边。框架中必须有一个元素才能使用此快捷方式。然后试试这个组合键。

    2.1K21

    Adobe Photoshop 2023(图像处理软件)PS 2023 v24.0.最新直装版

    一键式删除和填充【在 Photoshop 2023 24.0 版本中,通过一键式单击删除和填充选区功能可轻松移除图像中的对象,并了解 Photoshop 如何通过无缝混合背景发挥魔力,就好像该对象从未存在一样...此外,在使用其他 Photoshop 工具(例如套索工具)时,您可以右键单击鼠标以访问上下文菜单,然后选择删除和填充选区即可移除您的选区。...Photoshop 2023使用神经滤镜实现令人震憾的图像编辑【快速为场景着色,合并多个风景画以创作全新的风景画,将颜色从一幅图像转移到另一幅,或更改人物的表情、年龄或姿势。...只需单击一下即可替换背景中的天空。移除物体,修饰,改变颜色。借助强大的编辑工具和智能的新功能来创建出色的效果,您可以将您的图形变成真正的艺术。...从 Illustrator 更快地转移到 Photoshop【现在,您可以利用颜色、笔触、蒙版和图层将 Adobe Illustrator 矢量内容粘贴到 Photoshop 中。

    1.5K20

    【Flutter 专题】33 自定义 View 之 Paint

    Flutter 提供了与 Android 相似的 Paint 和 Canvas 来实现自定义 View,使应用更方便完善。和尚尝试学习和使用自定义 View。...着色器,一般用来绘制渐变效果或 ImageShader strokeCap -> 笔触线帽类型:round / butt / square 笔触类型包括三种,默认为 butt 即从初始点到终止点...,类型很多 colorFilter -> 颜色渲染模式,一般是矩阵效果来改变 颜色混合与颜色渲染是两个很神奇的属性,可以通过众多模式调整颜色叠加效果,并与背景色衔接,和尚还无法准确的说明其中叠加的原理...着色器,一般用来绘制渐变效果或 ImageShader strokeCap -> 笔触线帽类型:round / butt / square 笔触类型包括三种,默认为 butt 即从初始点到终止点...blendMode -> 颜色混合模式,类型很多 colorFilter -> 颜色渲染模式,一般是矩阵效果来改变 颜色混合与颜色渲染是两个很神奇的属性,可以通过众多模式调整颜色叠加效果,并与背景色衔接

    1.1K41

    什么!要用毛笔字效果!不会啊?也不能字体侵权!

    学生们在学习ps软件的过程中非常的认真与努力,所以对于软件的使用可以说已经很熟练了,可是为什么当我们给学生安排一些原创设计需求的时候,学生却有种无从下手的感觉呢,究其原因就是学生在创新制作这方面的技巧和方法学得不够...,所以下面我给大家分享一个案例,目的是为了能让大家在设计制作方法方面能有一定的了解和提升 ?...3、网上找一些毛笔笔触素材,找出合适自己使用的笔触如下图 ? 4、在原字体基础上加一些笔触,这个过程相对时间长,想好看就要花时间调整 ? ? ? 5、最后加入素材背景,给字再加个模糊投影 ?...6、调整背景图的颜色,完成 ? 上述操作步骤的发布,旨在帮助大家对设计方法及技巧有所了解。因为课余时间有限,文字内容及语言组织没花太多时间,说是教程有些牵强,算一个案例分享吧。

    1.1K80
    领券