android 图形图像,Android图形图像Drawable的使用（二）

在本文中，程序统一使用的原图为image.jpg，如图 1。

图 1

(1) BitmapDrawable

首先是MainActivity的布局文件activity_main.xml。

本文引用地址：http://emb.hqyj.com/Column/7551.html

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal"

tools:context="com.example.drawabletest.MainActivity" >

android:id="@+id/text1"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/bitmap_drawable_repeat" />

android:id="@+id/text2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/bitmap_drawable_mirror" />

android:id="@+id/text3"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/bitmap_drawable_clamp" />

上面三个TextView分别使用了不同的BitmapDrawable的tileMode，下面分别贴出这三个Drawable的xml文件。

bitmap_drawable_repeat.xml:

android:src="@drawable/image"

android:tileMode="repeat" />

bitmap_drawable_mirror.xml:

android:src="@drawable/image"

android:tileMode="mirror" />

bitmap_drawable_clamp.xml:

android:src="@drawable/image"

android:tileMode="clamp" />

显示效果如图 2。

图 2

(2) ShapeDrawable

首先是MainActivity的布局文件activity_main.xml。

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal"

tools:context="com.example.drawabletest.MainActivity" >

android:id="@+id/text1"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/shape_drawable_gradient_linear" />

android:id="@+id/text2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/shape_drawable_gradient_radius" />

android:id="@+id/text3"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

android:background="@drawable/shape_drawable_gradient_sweep" />

上面三个TextView分别使用了不同的ShapeDrawable的type，下面分别贴出这三个Drawable的xml文件。

shape_drawable_gradient_linear.xml:

android:shape="rectangle" >

android:angle="45"

android:centerColor="#00ff00"

android:centerX="0.5"

android:centerY="0.5"

android:endColor="#0000ff"

android:startColor="#ff0000"

android:type="linear" />

shape_drawable_gradient_radius.xml:

android:shape="rectangle" >

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:gradientRadius="50"

android:startColor="#ff0000"

android:type="radial" />

shape_drawable_gradient_sweep.xml:

android:shape="rectangle" >

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:gradientRadius="50"

android:startColor="#ff0000"

android:type="radial" />

显示效果如图 3。

图 3

(3) LayerDrawable

直接贴出layer_drawable.xml代码，作为TextView的background。

<>

android:bottom="10dp"

android:left="10dp"

android:right="10dp">

显示效果如图 4。

图 4

(4) StateListDrawable

直接贴出statelist_drawable.xml代码，作为TextView的background。

android:drawable="@drawable/button_pressed"

android:state_pressed="true"/>

android:drawable="@drawable/button_focused"

android:state_focused="true"/>

(5) LevelListDrawable

直接贴出levellist_drawable.xml代码，作为TextView的background。

android:drawable="@drawable/low_level"

android:maxLevel="1000"

android:minLevel="0"/>

android:drawable="@drawable/high_level"

android:maxLevel="10000"

android:minLevel="1001"/>

(6) InsetDrawable

直接贴出inset_drawable.xml代码，作为TextView的background。

android:insetBottom="15dp"

android:insetLeft="15dp"

android:insetRight="15dp"

android:insetTop="15dp" >

(7) ClipDrawable

直接贴出clip_drawable.xml代码，作为ImageView的background。

android:clipOrientation="vertical"

android:drawable="@drawable/image"

android:gravity="bottom" />

ImageView的布局为：

android:id="@+id/img1"

android:layout_width="100dp"

android:layout_height="100dp"

android:gravity="center"

android:src="@drawable/clip_drawable" />

MainActivity.java代码中：

ImageView mImageView = (ImageView) findViewById(R.id.img1);

ClipDrawable clipDrawable = (ClipDrawable)mImageView.getDrawable();

clipDrawable.setLevel(5000);