码迷,mamicode.com
首页 > 移动开发 > 详细

android 渐变drawable

时间:2014-08-09 18:53:28      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   使用   io   文件   

渐变Drawable是使用<gradient>标记作为形状Drawable定义中的子节点定义的。

每个渐变Drawable都要求至少要有一个startColor和endColor属性,并且支持一个可选的middleColor属性。通过使用type属性,可以把渐变定义为以下的某种类型:

线性:这是默认的渐变类型,它显示了按照angle属性定义的角度从startColor到endColor的直接颜色过渡。

辐射:从形状的外边界到中心绘制从startColor到endColor的圆形渐变。

扫描:绘制一个扫描渐变,它将沿着父形状(通常是一个圆环)的外边界从startColor到endColor进行过渡。

1.在res下新建drawable文件夹。

2.在drawable文件夹下新建xml文件。

3.在组件的bacground属性里引用此文件。

下面是线性的代码和效果:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"
    android:useLevel="false"
    >
    <gradient 
        android:startColor="#ffffff"
        android:endColor="#ffffff"
        android:centerColor="#000000"
        android:useLevel="false"
        android:type="linear"
        android:angle="45"
        />
</shape>


bubuko.com,布布扣

辐射渐变的椭圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"
    android:useLevel="false"
    >
    <gradient 
        android:type="radial"
        android:startColor="#ffffff"
        android:endColor="#ffffff"
        android:centerColor="#000000"
        android:useLevel="false"
        android:gradientRadius="300"
        />

</shape>

bubuko.com,布布扣


扫描渐变:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="ring"
    android:useLevel="false"
    android:innerRadiusRatio="3"
    android:thicknessRatio="8"
    >
    <gradient 
        android:startColor="#ffffff"
        android:endColor="#ffffff"
        android:centerColor="#000000"
        android:useLevel="false"
        android:type="sweep"
        />
    

</shape>
<!-- 扫描渐变的椭圆 -->

bubuko.com,布布扣

android 渐变drawable,布布扣,bubuko.com

android 渐变drawable

标签:android   style   blog   http   color   使用   io   文件   

原文地址:http://blog.csdn.net/howlaa/article/details/38456535

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!