GradientDrawable

最新推荐文章于 2022-11-24 14:49:02 发布
最新推荐文章于 2022-11-24 14:49:02 发布
阅读量869 收藏
点赞数
分类专栏： android 绘图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L25000/article/details/49801131
版权

GradientDrawable

extends  Drawable
java.lang.Object
   ↳ android.graphics.drawable.Drawable
     ↳ android.graphics.drawable.GradientDrawable



Shap可以是矩形（矩形可以变成圆角矩形、圆形），椭圆、线、或者圆环（控制内圆半径可以达到圆形的效果）

[java]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.              android:shape="rectangle|oval|line|ring"  
  4.              android:visible=""  
  5.              android:dither=""  
  6.              android:innerRadiusRatio=""  
  7.              android:thicknessRatio=""  
  8.              android:innerRadius=""   
  9.              android:thickness=""  
  10.              android:useLevel=""   
  11.              android:tint=""  
  12.              android:tintMode=""  
  13.     >  
  14.   
  15. </shape>  

shap ：指定形状

visible：是否可见

dither：是否抗抖动

thickness：环的厚度

thicknessRatio：以环的宽度比率来表示环的厚度，例如，如果android:thicknessRatio="2"，

    那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的，默认值是3.

innerRadius :内环的半径。

innerRadiusRatio :以环的宽度比率来表示内环的半径， 例如，如果android:innerRadiusRatio，表示内环半径等于环的宽度除以5，这个值是可以被覆盖的，默认为9.


 useLevel :如果当做是LevelListDrawable使用时值为true，否则为false.


1.corners 圆角

[java]  view plain copy
  1. <!--  
  2.           
  3.       android:radius             整型 半径  
  4.       android:topLeftRadius      整型 左上角半径  
  5.       android:topRightRadius     整型 右上角半径  
  6.       android:bottomLeftRadius   整型 左下角半径  
  7.       android:bottomRightRadius  整型 右下角半径  
  8.      -->  
  9.      <corners    
  10.         android:radius="8dp"  
  11.         android:topLeftRadius="5dp"  
  12.         android:topRightRadius="15dp"  
  13.         android:bottomLeftRadius="20dp"  
  14.         android:bottomRightRadius="25dp"    
  15.         />  


 
2.Gradient 渐变

[java]  view plain copy
  1. <!--   
  2.          代表渐变颜色的角度， 0 is left to right, 90 is bottom to top. 
  3.          必须是45的整数倍.   
  4.          默认是 0.该属性只有在type=linear情况下起作用，默认的type为linear。  
  5.          android:angle="integer"         
  6.   
  7.          渐变开始色，渐变中间色，渐变结束色  
  8.          android:startColor="color"                 
  9.          android:centerColor="color"           
  10.          android:endColor="color"    
  11.            
  12.          这两个属性只有在type不为linear情况下起作用。  
  13.          相对X、Y的渐变位置  
  14.          android:centerX="float"           
  15.          android:centerY="float"    
  16.            
  17.          渐变颜色的半径，单位应该是像素点. 需要 android:type="radial".  
  18.          如果android:type="radial"，没有设置android:gradientRadius，将会报              错， error inflating class.  
  19.          android:gradientRadius="float"   
  20.            
  21.           linear 线性渐变，这是默认设置  
  22.           radial 放射性渐变，以开始色为中心。  
  23.           sweep 扫描线式的渐变。  
  24.           android:type=["linear" | "radial" | "sweep"]      
  25.            
  26.           如果要使用LevelListDrawable对象，就要设置为true。设置为true无渐变。
  27.           false有渐变色  
  28.           android:useLevel=["true" | "false"]   
  29.   
  30.  -->  
  31.       
  32.     <gradient          
  33.          android:angle="integer"           
  34.          android:centerX="float"           
  35.          android:centerY="float"     
  36.          android:startColor="color"                
  37.          android:centerColor="color"           
  38.          android:endColor="color"           
  39.          android:gradientRadius="float"        
  40.          android:type=["linear" | "radial" | "sweep"]           
  41.          android:useLevel=["true" | "false"] />  



3.solid 填充色
[java]  view plain copy
  1. <solid  android:color=""  />  


4.padding 内边距
[java]  view plain copy
  1. <padding   
  2.        android:left=""  
  3.        android:top=""  
  4.        android:right=""  
  5.        android:bottom=""  
  6.        />  

5.size 形状大小

[java]  view plain copy
  1. <size android:width=""  
  2.        android:height=""  
  3.        />  

6.stroke 边框


[java]  view plain copy
  1. <!-- android:width=”2dp” 描边的宽度，android:color 描边的颜色。   
  2.       我们还可以把描边弄成虚线的形式，设置方式为：   
  3.        android:dashWidth=”5dp”   
  4.        android:dashGap=”3dp”   
  5.        其中android:dashWidth表示"-‘这样一个横线的宽度，android:dashGap表示之间隔开的距离 -->  
  6. <stroke   
  7.     android:width=""  
  8.     android:dashWidth=""  
  9.     android:color=""  
  10.     android:dashGap=""  
  11.     />  


sweep 渐变
[java]  view plain copy
  1. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:shape="rectangle"  
  3.      >  
  4.   
  5.     <gradient  
  6.         android:centerColor="#00ff00"  
  7.         android:endColor="#0000ff"  
  8.         android:startColor="#ff0000"  
  9.         android:type="sweep"  
  10.         android:useLevel="false" />  
  11.   
  12. </shape>  




[java]  view plain copy
  1. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:shape="rectangle"  
  3.      >  
  4.   
  5.     <gradient  
  6.         android:centerColor="#00ff00"  
  7.         android:endColor="#0000ff"  
  8.         android:startColor="#ff0000"  
  9.         android:type="sweep"  
  10.         android:centerX="0.2"  
  11.         android:centerY="0.2"  
  12.         android:useLevel="false" />  
  13.   
  14. </shape>  






linear 渐变  

该渐变下有个特有属性  android:angle=""

[java]  view plain copy
  1. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:shape="rectangle"  
  3.      >  
  4.   
  5.     <gradient  
  6.         android:centerColor="#00ff00"  
  7.         android:endColor="#0000ff"  
  8.         android:startColor="#ff0000"  
  9.         android:type="linear"  
  10.         android:useLevel="false" />  
  11.   
  12. </shape>  




[java]  view plain copy
  1. android:angle="45"  


[java]  view plain copy
  1. android:angle="90"  




[java]  view plain copy
  1. android:angle="225"  



radial 渐变  

该渐变下有个特有属性  android:gradientRadius=""

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
     >

    <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        android:type="radial"
        android:gradientRadius="400"
        android:useLevel="false" />

</shape>



  android:centerX="0.2"
  android:centerY="0.2"




<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:innerRadiusRatio="8"
    android:thicknessRatio="3"
    android:useLevel="false"
     >

    <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        android:type="sweep"
        android:useLevel="false" />

</shape>





<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line"
    android:useLevel="false">
    
   <padding android:bottom="30dp" />
   
   <stroke
       android:width="2dp"
       android:color="#645454"
       android:dashWidth="5dp"
       android:dashGap="10dp"
       />
</shape>

你很可能看到的是一条实线，Android 4.0 默认打开了硬件加速，我们把硬件加速关掉就行，

yourView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);







<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="false">
    
   <corners  android:radius="5dp" />
   <solid  android:color="@android:color/white"  />
   <stroke
       android:width="2dp"
       android:color="#a3d458"
       />
</shape>




<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="false">
    
   <corners   android:radius="5dp"/>
   <solid  android:color="@android:color/white" />
   <stroke
       android:width="2dp"
       android:color="#a3d458"
       android:dashWidth="5dp"
       android:dashGap="10dp"
       />
</shape>



<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="false">
    
   <corners 
       android:topLeftRadius="10dp"
       android:topRightRadius="10dp"
       />
   <solid  android:color="@android:color/white" />
   <stroke
       android:width="2dp"
       android:color="#a3d458"
       />
</shape>






<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="false">
    
   <corners  android:radius="10dp"/>
   <gradient 
       android:startColor="#ff115a"
       android:endColor="#ff9083"
       android:angle="270"
       />
   <stroke
       android:width="2dp"
       android:color="#a3d458"
       />
</shape>


CODERLIHAO
关注
专栏目录
GradientDrawable类
Cricket_7的博客
12-05 609
1，GradientDrawable介绍： 【1】GradientDrawable 表示一个渐变区域，可以实现线性渐变、发散渐变和平铺渐变效果， 【2】其对应的标签为<gtadient>一般都是配置shapeDrawable来使用，为其实现渐变颜色 【3】 代码实现GradientDrawable还可以设置边框，圆角，边框宽度等等， 2，使用案例： 【1】XML...
android gradientdrawable 参数,Android开发 GradientDrawable详解
weixin_31629313的博客
05-27 656
前言GradientDrawable类似与Xml布局里的shape,常用在一些自己封装的对话框控件的背景或者其他View中,优势是不需要你在带着xml布局文件一起封包..画线GradientDrawable gradientDrawable =new GradientDrawable();gradientDrawable.setShape(GradientDrawable.LINE);gradie...
GradientDrawable自定义视图设计
最新发布
06-16
`GradientDrawable`是Android SDK提供的一种强大的绘图工具，它允许开发者创建具有渐变效果的图形，包括线性、径向、角度和对角线渐变。本篇文章将深入探讨`GradientDrawable`的使用，并通过实例代码来展示如何在...
Android-GradientDrawable调谐器可以帮助你更直观的理解<shape>中各种属性的作用。
08-13
在Android开发中，`GradientDrawable`是Android图形库中的一个核心元素，用于创建形状和渐变效果。它广泛应用于自定义视图、按钮背景、列表项等。`<shape>`标签是XML drawable资源的一种，允许开发者定义不同类型的...
GradientDrawable的使用，和简单源码分析
u014620028的专栏
07-27 649
gradient：英 [ˈgreidjənt] 美 [ˈgredɪənt] 倾斜度，坡度，变化率 从字面意思理解，是一个可以变化颜色、有渐变效果的Drawable GradientDrawable extends Drawable 来个效果图和对应的代码。并不复杂 对应代码（布局我就不写了，没有任何特别的） //圆角矩形。TextView rounded_rectangle.apply { var gradientDrawable: GradientDra
android 动态渐变,Android 动态修改渐变 GradientDrawable
weixin_35692916的博客
05-26 1436
Android 绘图学习1GradientDrawable 简介以前的文章写过 Android中渐变实现方式前面的文章 讲解了如何实现渐变类似LinearGradient,SweepGradient是用于Paint的setShader的，可以通过定义xml的shape，内部利用gradient标签，将shape作为view的背景快速实现渐变。但当我们需要动态修改时，就需要用到GradientDr...
Android Drawable之GradientDrawable
^_虫虫_^的专栏
11-14 1121
GradientDrawable可以在res/drawable目录下以xml文件用标签来定义。看看官方文档给出的xml定义说明吧。<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape=["rectang
使用GradientDrawable
pangjl1982的专栏
11-08 1577
/* 002  * Copyright (C) 2007 The Android Open Source Project 003  * 004  * Licensed under the Apache License, Version 2.0 (the "License");
GradientDrawable动态渐变
lh19890624的专栏
02-16 1217
//滑动时剩下的距离和最初距离的比值(从1变为0)float distancePercent = ... //上半部分的透明度，半透明-->不透明 String alpha = Integer.toHexString((int) (127 + 128 * (1 - distancePercent))); //下半部分的透明度以及上半部分的颜色值，全透明-->不透明，黑色-->白色 String
GradientDrawable 基础理解
m.t.u
10-14 2628
GradientDrawable _A Drawable with a color gradient for buttons, backgrounds, etc. _ 可用于按钮、背景等，拥有颜色渐变功能的图片资源 常用于xml file，由标签定义> for more information : > guide/topics/resources/drawable-resource.html _ 简单实现自定义View为button等组件作自定义形状效果 在xml定义使用 以xml
【Android UI】 Shape详解 (GradientDrawable)
wangjia55的专栏
04-24 1050
在Android开发过程中，经常需要改变控件的默认样式， 那么通常会使用多个图片来解决。不过这种方式可能需要多个图片，比如一个按钮，需要点击时的式样图片，默认的式样图片。 这样就容易使apk变大。      那么除了使用drawable这样的图片外，还有其他方法吗？      本次就谈一下自定义图形shape，Android上支持以下几种属性shape、gradient、stroke、co
Android Drawable之GradientDrawable，绘制view的背景
qq_30555429的博客
12-03 780
目录 目录 GradientDrawable是什么 GradientDrawable在Android中便是shape标签的代码实现，利用GradientDrawable也可以创建出各种形状。 GradientDrawable使用方法 1. 获取控件的shape并进行动态修改： 既然GradientDrawable是shape的动态实现，那么他就可以通过动态的获取控件的shape获取实...
ZRoundViews自定义View，使用GradientDrawable支持圆角、边框、背景色(渐变)
u013208026的博客
05-06 1013
先上图 说明 蓝色块为RoundRelativeLayout 红色块为RoundLinearLayout 其他为RoundTextView 使用 （引入远程依赖） dependencies { api 'com.github.Earliest-Mlr:ZRoundViews:1.0.0' } 属性 <attr name="backColor" format="referenc...
纯Java实现GradientDrawable的快捷使用方法，做个记录，仅供参考
qq_44491310的博客
11-24 573
纯Java实现GradientDrawable的快捷使用方法，快捷设置控件背景颜色 直接复制粘贴就能用，有问题自行解决。
GradientDrawable去除
05-05
GradientDrawable是一个用于绘制渐变或者描边的drawable，如果要去除GradientDrawable的效果，可以通过以下方式实现： 1. 去除渐变效果： 在GradientDrawable中，设置渐变颜色数组只需要传入一个颜色值即可实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值