安卓学习笔记—渐变色背景

这篇具有很好参考价值的文章主要介绍了安卓学习笔记—渐变色背景。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当单纯的颜色背景已经不能够满足我的需要,渐变色背景无疑也是一个很好的替代。

想要使用渐变色背景要分三步走:

步骤一:在drawable目录新建一个资源文件gradual_color_bg.xml

步骤二:编辑此样式文件:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--
    android: startColor = "" 渐变色的起始值
    android: centerColor = "" 渐变色的中间值
    android: endColor = "" 渐变色的结束值
    android: angle = "45" 渐变色的方向,默认为0从左到右,九十度时从上倒下,必须为45的倍数
    android: type = radial 渐变类型,有三种。1,线性linear.2,放射渐变radial 3:扫描线渐变 sweep
    android:centerX="0.5"      渐变中心相对X坐标只有渐变类型为放射渐变时有效
    android:centerY="0.5"      渐变中心相对Y坐标只有渐变类型为放射渐变时有效
    android:gradientRadius="100"    渐变半径 非线性放射有效
    -->

    <!--android:angle="0"//效果是:是从左到右,按照开始颜色到结束颜色来渲染的-->

    <!--android:angle="90"//效果是:是从下到上,按照开始颜色到结束颜色来渲染的-->

    <!--android:angle="180"//效果是:是从右到左,按照开始颜色到结束颜色来渲染的-->

    <!--android:angle="270"//效果是:是从上到下,按照开始颜色到结束颜色来渲染的-->

    <gradient
        android:startColor="#26a36c"
        android:centerColor="#1318db"
        android:endColor="#21b9bc"
        android:angle="270"/>
</shape>

里面各个标签的作用都解释的很清楚。

步骤三:使用:

        在任何可以设置背景的控件属性里添加:android:background="@drawable/gradual_color_bg"

即可。效果图

安卓学习笔记—渐变色背景文章来源地址https://www.toymoban.com/news/detail-513194.html

到了这里,关于安卓学习笔记—渐变色背景的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Echarts 折线图背景渐变色

    在资料上找到类似的,如下: 在许继项目红外传感器模块中使用自己编写的: 无渐变的: EchartsModule模块(使用): 效果图:

    2024年02月13日
    浏览(38)
  • matplotlib的配色(随机颜色函数,各种渐变色,彩虹色)

    也是画图的时候经常会遇到的问题,什么颜色好看? 先直接上一个配色表:  plt官网:List of named colors — Matplotlib 3.8.0.dev898+g4f5b5741ce documentation 需要什么颜色传入就行了。 例如我下面画一个柱状图,自己选了三个蓝色 导入包 画图,表示不同的模型的效果   palette=[\\\'cornflowe

    2023年04月19日
    浏览(34)
  • 在uniapp中使用背景渐变色与背景图不生效问题

    list上有文字详情以及背景图,从背景可以看出是渐变色和 背景图片的结合。 因为使用到渐变色,所以要结合 background-blend-mode 属性来实现与背景图片叠加显示,否则只通过 background: linear-gradient(); background-image: url(); 设置不会生效,这样只能显示图片。 如果背景色不是渐变色

    2024年02月04日
    浏览(39)
  • OpenCvSharp学习笔记13--使用InRange进行HSV阈值过滤、渐变色生成

    HSV色彩空间介绍 使用InRange操作阈值 基于HSV色彩空间的像素值范围检测对象 生成渐变色 HSV(Hue, Saturation, Value)是根据颜色的直观特性由A. R. Smith在1978年创建的一种颜色空间, 也称六角锥体模型(Hexcone Model)。HSV色系对用户来说是一种直观的颜色模型,对于颜色,人们直观的会问”

    2024年02月04日
    浏览(50)
  • CSS同时使用背景图和渐变色

    一个盒子,在拥有渐变色的前提下还需要同时拥有背景图层 类似如下的效果 首先我们按照常规的写css的方式来写 这种图片加背景的写法没什么问题。可以正常显示背景和图片 但是我们把背景换成渐变色以后就出问题了 不显示渐变色,只显示一个图片 把背景图和渐变色写在

    2024年01月23日
    浏览(36)
  • uniapp四个元素点击那个哪个变色,其他的还变原来的颜色

    在UniApp中,可以使用CSS伪类选择器和动态样式绑定来实现点击某个元素时改变其颜色的效果。假设有四个元素分别为A、B、C和D。 首先,为这四个元素添加一个共同的类名,例如\\\"item\\\"。 然后,在页面的样式中定义两种颜色,一种是原始颜色,另一种是点击后的变色。 接下来,

    2024年02月07日
    浏览(55)
  • 【css】用css样式快速写右上角badge徽标,颜色设置为渐变色

    先看效果展示,已公开显示在图片卡片的右上角。 首先是dom代码:需要两个view或者div,public-badge是“已公开”那个矩形,show-signal是右边那个下三角,也就是阴影部分,这样看起来比较有立体感。 这是css部分 如果不生效的话,要注意一点,子节点用absolute定位的时候,父节

    2024年02月17日
    浏览(53)
  • 通过使用html的css样式来达到给背景色添加渐变色的效果

    这里我直接添加了两个div,并且给两个div添加了基本的css样式,有问题请私信          在演示开始之前我们先来认识一下实现渐变效果的一个属性  background: linear-gradient 这个是我们设置背景渐变色的关键属性,然后我们开始演示(这里我们通过修改第二个div)          

    2024年02月08日
    浏览(51)
  • MFC重载CButton类,实现改变按钮背景色、字体样式更改、鼠标滑动按钮变色功能

    在对话框内添加button控件,button控件属性中 所有者 描述改为TRUE 添加COwerButton类。代码如下: COwerButton.h COwerButton.cpp 给button按钮添加变量,变量类型设为COwerButton,也可在主界面XXXDlg.h中修改button类型 COwerButton m_button1; 运行完成,效果如下: 当鼠标移动到按钮上以及点击按钮

    2024年02月12日
    浏览(58)
  • css 背景是个图片并且含有透明度的渐变色.超级简单。background相关属性就行了

    底纹是个背景图片。 然后上面有个渐变色。渐变色含有透明度这样才能把底纹显示出来 不用麻烦的把图片放进去各种定位修改层级来写啦。 直接一个background相关属性就行了。 背景色怎么增加透明度呢 使用rgba的方式rgba(127,47,255, 0.7 )。 //0.7是透明度

    2024年01月16日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包