0、 Shape自身属性

android:shape=["rectangle" | "oval" | "line" | "ring"] //指定shape的形状,矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)

android:tint="#FFFFFFFF" //将图片渲染成指定颜色,无论solid中定义的是什么颜色,可以用于改变图标的颜色

android:dither=true //图像的抖动处理,当每个颜色值以低于8位表示时,对应图像做抖动处理可以实现在可显示颜色总数比较低(比如256色)时还保持较好的显示效果

android:tintMode //API 21+未做详细研究

android:innerRadius //内环的半径 以下属性均为shape=ring 时有效使用

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

android:thickness //环的厚度

android:thicknessRatio //浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2",那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的,默认值是3.

注意

android:shape="ring"时,useLevel必须设为false

1、 padding

android:top、bottom、left、right //上下左右,很简单就是显示在shape上的内容与shape边界的距离

2、 size

android:width、 android:height

用于矩形时,设置矩形的宽高;

用于椭圆时,设置椭圆外切矩形的宽高,当宽与高相等时,为正圆,否则为椭圆;

用于直线时,宽代表了直线的长度,高没有效果

用于圆环时,宽会影响内圆半径和圆环的宽窄,高没有效果。

注意:当我们将一个shape drawable作为一个View组件的背景或是内容时,通常这个drawable都会被缩放。所以实际显示的时候可能与这里的size设置不相符。

3、 solid

android:color // 实心之意,用这种颜色来填充该shape内部,如果不设置该shape的边框,就能得到一张纯色的drawable。

**4、 stroke **

用笔画出来的轨迹,笔画”的意思,这里指shape的边框。

用于矩形和椭圆时,设置其外边界

用于直线时,呃,直线就是用这个节点来设置的。

用于圆环时,会同时影响内圆和外圆。

android:width//边框线条的宽度,特别地,用于直线时设置直线的粗细。

android:color//设置线条的颜色

android:dashWidth//设置虚线效果里实点的长度

android:dashGap//设置虚线效果里空白点的长度

5、 corners

只用于android:shape="rectangle",用于设置矩形的4个角的圆角半径,生成圆角矩形。

android:radius——同时设置矩形4个角的圆角半径

android:topLeftRadius——左上角圆角半径

android:topRightRadius——右上角圆角半径

android:bottomLeftRadius——左下角圆角半径

android:bottomRightRadius——右下角圆角半径

注意

  • 这四个单独的设置的值会覆盖android:radius设置的值。
    <corners
android:bottomLeftRadius="15dp"
android:radius="5dp"
android:topLeftRadius="15dp" />

  • 兼容性问题 使用以下代码
    <corners
android:topLeftRadius="5dp"
android:bottomLeftRadius="5dp" />

Android2.3.7模拟器下



Android4.4.2模拟器下

解决方案

在res目录下新建一个名为drawable-v12的文件夹,将适配Android3.1+的资源文件(正确的左右方向)放在此文件夹中即可

6、 gradient

与solid一样均为shape填充的一种方式,优先级取决于谁被写在后面

android:startColor、endColor 两者至少得有一个,另一个不指定时默认为白色

android:type 渐变类型 linear(线性渐变),radial(径向渐变)与android:gradientRadius(用于指定渐变区域圆的半径)属性一同使用,sweep(扫描渐变,顺时针方向渐变,起点为3点钟方向)

android:angle 指定线性渐变的方向 必须为45的倍数,即只能指定八个方向

android:centerX、android:centerY 径向渐变与扫描渐变时指定中心点位置

7、 典型举例

  • a. tint红色覆盖gradient中定义的蓝色,gradient中定义android:type为径向渐变,所以必须指定一个android:gradientRadius的值。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:tint="@color/main_red">
<solid android:color="@color/main_green" />
<gradient
android:startColor="@color/main_blue"
android:gradientRadius="100dp"
android:type="radial"/>
<size
android:width="200dp"
android:height="200dp" />
</shape>
  • b. 总宽度为(25+50+2)*2>150所以左右边会有被裁减痕迹,边框为红色;渐变为从左上角开始从绿色变为蓝色。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="25dp"
android:shape="ring"
android:thickness="50dp"
android:useLevel="false">
<stroke
android:width="2dp"
android:color="@color/main_red" />
<gradient
android:angle="135"
android:endColor="@color/main_green"
android:startColor="@color/main_blue"
android:type="linear" />
<size
android:width="150dp"
android:height="150dp" />
</shape>

8、参考文章

Shape Drawable的学习

Android中shape的使用

android圆角View实现及不同版本这间的兼容

How can I work around Android issue 9161, where bottomRightRadius and bottomLeftRadius are swapped?

Android Drawable系列(1):自定义背景以及注意事项的更多相关文章

  1. Android 自定义android控件EditText边框背景

    在我们进行Android应用界面设计和时候,为了界面风格的统一,我们需要对一些控件进行自定义.比如我们的应用采用的蓝色风格,但是 android的EditText控制获得焦点后显示的却是黄色的边框背景 ...

  2. Android学习系列(3)--App自动更新之自定义进度视图和内部存储

    友好的视觉感知和稳定的不出错表现,来自于我们追求美感和考虑的全面性,博客园从技术的角度,一直我都很欣赏.这篇文章是android开发人员的必备知识,是我特别为大家整理和总结的,不求完美,但是有用. 这 ...

  3. Android 学习笔记一 自定义按钮背景图

    入门学到的一些组件都是比较规矩的,但在实际应用中,我们需要更多特色的组件,例如一个简单的Button,所以我们必须要自定义它的属性. 遇到的问题:用两张图片来代替按钮,分别表示点击前后 解决方法:用I ...

  4. Android Drawable 那些不为人知的高效用法

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/43752383,本文出自:[张鸿洋的博客] 1.概述 Drawable在我们平时的 ...

  5. Android ProgressBar分析及自定义ProgressBar

    ProgressBar是在执行耗时操作时的一种人性化设计.分为两种形式:转圈的,能显示进度的. 而能取决于是什么样式的PregressBar,当然就是PregressBar的样式啦~ Widget.P ...

  6. 制作自定义背景Button按钮、自定义形状Button的全攻略(转)

    在Android开发应用中,默认的Button是由系统渲染和管理大小的.而我们看到的成功的移动应用,都是有着酷炫的外观和使用体验的.因此,我们在开发产品的时候,需要对默认按钮进行美化.在本篇里,笔者结 ...

  7. Android Drawable的9种子类 介绍

    原文: Android Drawable的9种子类 介绍   Drawable 在android里面 就是代表着图像,注意是图像 而不是图片. 图片是图像的子集.图像除了可以包含图片以外 还可以包含颜 ...

  8. Android学习系列(23)--App主界面实现

    在上篇文章<Android学习系列(22)--App主界面比较>中我们浅略的分析了几个主界面布局,选了一个最大众化的经典布局.今天我们就这个经典布局,用代码具体的实现它. 1.预览图先看下 ...

  9. Android 动画系列

    Android种最常用的动画: ~1~Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转.平移.放缩和渐变) Tweene Animations 主要类: Animation   ...

随机推荐

  1. 【FOI】异或问题

    题意: 给出n个数ai 和m个操作 操作有两种 C x y:将ax的值改为y Q x:求几种方案使得 b1^b2^...^bn=x(ai>=bi) 题解: 先推荐一个不错的题解 题目差不多 我之 ...

  2. 做优步有什么旁门左道吗?No,贪小便宜会吃大亏!

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  3. Android实例-操作sqlite数据之自建导航(XE8+小米2)

    相关资料: 源文:http://blog.sina.com.cn/s/blog_77691fb90101g9hh.html help://embarcadero.rs_xe5/rad/Mobile_T ...

  4. [OC Foundation框架 - 18] Class

    使用Class来创建实例 // 18.通过@"Ball"创建一个Ball实例(不可以使用[[Ball alloc] init]创建) NSString *className = @ ...

  5. [转]windows下srand48()和drand48()的问题

    转自:windows下srand48()和drand48()的问题 #ifndef DRAND48_H #define DRAND48_H #include <stdlib.h> #def ...

  6. 64位Ubuntu配置android环境报错(...adb": error=2, 没有那个文件或目录)

    Failed to get the adb version: Cannot run program "/home/jayhomzhou/android/android-sdk/platfor ...

  7. sql函数:汉字转换为拼音

    sql数据库自定义一个函数把下面代码写进去 功能是得到汉字拼音首字母create function fun_getPY(@str nvarchar(4000)) returns nvarchar(40 ...

  8. VPN介绍--虚拟网络

      VPN属于远程访问技术,简单地说就是利用公网链路架设私有网络.例如 公司员工出差到外地,他想访问企 原理 业内网的 服务器资源,这种访问就属于远程访问.怎么才能让外地员工访问到内网资源呢?VPN的 ...

  9. HDU 3157 Crazy Circuits(有源汇上下界最小流)

    HDU 3157 Crazy Circuits 题目链接 题意:一个电路板,上面有N个接线柱(标号1~N),还有两个电源接线柱 + -.给出一些线路,每一个线路有一个下限值求一个能够让全部部件正常工作 ...

  10. android122 zhihuibeijing 新闻中心NewsCenterPager加载网络数据实现

    新闻中心NewsCenterPager.java package com.itheima.zhbj52.base.impl; import java.util.ArrayList; import an ...