`

Android Shape Drawable Resources

阅读更多

本文主要介绍Drawable Resources的一种,Shape Drawable Resources的使用。其他Drawable类似

经常需要自己设置某个view的背景,比如类似新浪微博客户端微博源内容的灰底圆角效果,这个时候我们就可以使用Shape。

 

1、介绍

Shape Drawable Resources是指一个XML文件,它定义了几何形状,包括颜色和渐变

放在res/Drawable文件夹下,文件名即为资源id,可以在其他layout中调用R.drawable.filename,

对应的类为ShapeDrawable

shape包含矩形、椭圆形、行、环形。

 

2、使用

下面以为一个TextView设置一个渐变色的边框为例进行介绍,第三部分对具体属性含义进行介绍

2.1 定义一个渐变色的矩形shape,文件路径res/drawable/gradient_box.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#FFFF0000"
        android:endColor="#80FF00FF"
        android:angle="45"/>
    <padding android:left="7dp"
        android:top="7dp"
        android:right="7dp"
        android:bottom="7dp" />
    <corners android:radius="8dp" />
</shape>

2.2 TextView属性设置

<TextView
    android:background="@drawable/gradient_box"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" />

 其中 android:background="@drawable/gradient_box"表示设置背景为 gradient_box 这个drawable

或者在后台程序中设置

Resources res = getResources();
Drawable shape = res. getDrawable(R.drawable.gradient_box);

TextView tv = (TextView)findViewByID(R.id.textview);
tv.setBackground(shape);

 

3、属性介绍

xml定义如下

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    <corners
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer"
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer" />
    <gradient
        android:angle="integer"
        android:centerX="integer"
        android:centerY="integer"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
    <padding
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        android:width="integer"
        android:height="integer" />
    <solid
        android:color="color" />
    <stroke
        android:width="integer"
        android:color="color"
        android:dashWidth="integer"
        android:dashGap="integer" />
</shape>

其中shape必须为根元素,android:shape定义了形状,默认为矩形。

corners只对矩形有效,表示圆角的度数

gradient表示渐变色

padding表示即对内的偏移

size为shape大小

solid为填充色

stroke为shape边线的设置

以上属性的自属性含义见drawable-Shape,更多可以使用的属性见GradientDrawable.

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics