Android自定义图形-Shape

1 概述

1.1 编写目的

学习Android自定义图形shape相关的知识,记录下来,方便后续学习及查询。

2 Shape图形

Android上Shape有以下几种属性shape、 corners、 gradient、 padding、size、solid、stroke,其中shape为一级属性,其余为shape子属性,子属性可以选择定义。基本结构如下图:



    
    
    
    
    
    

2.1 Corners属性(圆角)


共有五个属性,用于设置四个圆角半径。

2.1.1 Radius(圆角)

radius是统一设置四个圆角半径,如下图所示:

Android自定义图形-Shape_第1张图片

2.1.2 TopLeftRadius、TopRightRadius、BottomRightRadius、BottomLeftRadius(左上、右上、左下、右下圆角)

分别设置左上、右上、左下、右下角的圆角半径,和radius同时设置时,会覆盖radius。如下图所示:

 Android自定义图形-Shape_第2张图片

2.2 Gradient属性(渐变色)



    

2.2.1 Type(渐变类型)

Type:取值["linear" | "radial" | "sweep"]共有3中渐变类型,分别是线性渐变(默认)、放射渐变、扫描式渐变。下面分别是三种渐变:

 Android自定义图形-Shape_第3张图片

Android自定义图形-Shape_第4张图片

Android自定义图形-Shape_第5张图片

2.2.2 Angle(渐变角度)

仅对线性渐变有效,0为从左到右(逆时针旋转),必须为45的倍数,90为从下到上。下面分别为90和225:
  Android自定义图形-Shape_第6张图片
Android自定义图形-Shape_第7张图片

2.2.3 StartColor、CenterColor、EndColor(渐变颜色)

分别是渐变开始、中间、结束颜色。中间色可以不用。如2.2.1和2.2.2图形所示。

2.2.4 CenterX、CenterY(渐变中心相对位置)

渐变中心相对位置,取值[0~1],默认为0.5正中间。如下图所示:

 Android自定义图形-Shape_第8张图片

Android自定义图形-Shape_第9张图片

2.2.5 GradientRadius(渐变的半径)

只有当渐变类型为radial时才有用,且radial时必须使用gradientRadius。如下图所示。

 Android自定义图形-Shape_第10张图片

Android自定义图形-Shape_第11张图片

2.2.6 UseLevel

UseLevel:通常不使用。该属性用于指定是否将该shape当成一个LevelListDrawable来使用,默认值为false。

2.3 Padding属性(内边距)



    

共有四个属性,分别是下、左、右、上的内边距(内容和边框的距离)。

2.4 Size属性(宽高)



    

设置图形宽高,共两个属性,分别是图形的宽度和高度。

2.5 Solid属性(填充)

自身只有一个属性,用来指定填充颜色,没有定义就不填充。
  Android自定义图形-Shape_第12张图片

Android自定义图形-Shape_第13张图片

2.5.1 Solid和Gradient(填充和渐变)

填充和渐变同时使用时,定义在后面的生效,前面的被覆盖。如下图所示:

 Android自定义图形-Shape_第14张图片

Android自定义图形-Shape_第15张图片

2.6 Stroke属性(描边)



    

这是描边属性,可以定义描边的宽度,颜色,虚实线等。

2.6.1 Width、Color(宽度、颜色)

Width:描边的宽度,Color:描边的颜色。

 Android自定义图形-Shape_第16张图片

2.6.2 DashWidth、DashGap(虚线宽度、虚线间隔)

DashWidth:虚线的宽度(一段虚线的长度),DashGap:虚线的间隔(不定义或者为0时,不显示虚线)。

 Android自定义图形-Shape_第17张图片

2.7 Shape属性(形状)



其中shape、tint、tintMode、dither、visible、useLevel等属性是共有的,剩下都是shape等于ring时所特有的。
Tint:Shape着色。
TintMode:着色模式。
Dither:是否使用抖动技术。
Visible:可见与不可见。
UseLevel:如果当做是LevelListDrawable使用时值为true,否则为false。
InnerRadius:内环的半径。  
InnerRadiusRatio:以环的宽度比率来表示内环的半径。  
Thickness:环的厚度  

ThicknessRatio:以环的宽度比率来表示环的厚度。

2.7.1 Shape(图形形状)

Shape:取值["rectangle" | "oval" | "line" | "ring"]共有4中形状,分别是矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)。默认为矩形,下面分别是四种形状: 
  Android自定义图形-Shape_第18张图片

Android自定义图形-Shape_第19张图片

Android自定义图形-Shape_第20张图片

Android自定义图形-Shape_第21张图片

2.7.2 Tint、TintMode(着色和着色模式)

使用Tint后会覆盖solid属性,solid无效。TintMode(使用比较少,下面有不同模式显示状态,先画圆再画矩形框,设置蓝色矩形框的TintMode属性)。如下图所示:

 Android自定义图形-Shape_第22张图片

着色模式参考:Android图形 - Bitmap(2.13)

2.7.3 Dither(抖动技术)

是否启用抖动技术。值为false和true,默认true。(是一种图像算法,在不同色域的显示屏上修正颜色)。

2.7.4 Visible(可见性)

Visible控制图形是否可见。

2.7.5 UseLevel(LevelListDrawable)

如果当做是LevelListDrawable使用时值为true,否则为false;Shape取值"ring"(圆环)时UseLevel必须等于false,等于True无法显示。

2.7.6 InnerRadius、InnerRadiusRatio(内环半径)

InnerRadiusRatio在不定义InnerRadius时有效,内环半径=环的宽度/ InnerRadiusRatio。如下图所示:

Android自定义图形-Shape_第23张图片

Android自定义图形-Shape_第24张图片

2.7.7 Thickness、ThicknessRatio(环的厚度)

ThicknessRatio在不定义Thickness时有效,环的厚度=环的宽度/ ThicknessRatio。如下图所示:

Android自定义图形-Shape_第25张图片

 

你可能感兴趣的:(android,图形)