当前位置:首页 > 嵌入式培训 > 嵌入式学习 > 讲师博文 > Android图形图像Drawable的使用(二)

Android图形图像Drawable的使用(二) 时间:2018-09-27      来源:未知

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

图 1

(1) BitmapDrawable

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

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

<LinearLayout xmlns:android="//schemas.android.com/apk/res/android"

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal"

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

<TextView <>

android:id="@+id/text1"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

<TextView <>

android:id="@+id/text2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

<TextView <>

android:id="@+id/text3"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

</LinearLayout>

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

bitmap_drawable_repeat.xml:

<?xml version="1.0" encoding="utf-8"?>

<bitmap xmlns:android="//schemas.android.com/apk/res/android"

android:src="@drawable/image"

android:tileMode="repeat" />

bitmap_drawable_mirror.xml:

<?xml version="1.0" encoding="utf-8"?>

<bitmap xmlns:android="//schemas.android.com/apk/res/android"

android:src="@drawable/image"

android:tileMode="mirror" />

bitmap_drawable_clamp.xml:

<?xml version="1.0" encoding="utf-8"?>

<bitmap xmlns:android="//schemas.android.com/apk/res/android"

android:src="@drawable/image"

android:tileMode="clamp" />

显示效果如图 2。

图 2

(2) ShapeDrawable

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

<LinearLayout xmlns:android="//schemas.android.com/apk/res/android"

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal"

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

<TextView <>

android:id="@+id/text1"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

<TextView <>

android:id="@+id/text2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

<TextView <>

android:id="@+id/text3"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_margin="2dp"

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

</LinearLayout>

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

shape_drawable_gradient_linear.xml:

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="//schemas.android.com/apk/res/android"

android:shape="rectangle" >

<gradient <>

android:angle="45"

android:centerColor="#00ff00"

android:centerX="0.5"

android:centerY="0.5"

android:endColor="#0000ff"

android:startColor="#ff0000"

android:type="linear" />

</shape>

shape_drawable_gradient_radius.xml:

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="//schemas.android.com/apk/res/android"

android:shape="rectangle" >

<gradient <>

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:gradientRadius="50"

android:startColor="#ff0000"

android:type="radial" />

</shape>

shape_drawable_gradient_sweep.xml:

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="//schemas.android.com/apk/res/android"

android:shape="rectangle" >

<gradient <>

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:gradientRadius="50"

android:startColor="#ff0000"

android:type="radial" />

</shape>

显示效果如图 3。

图 3

(3) LayerDrawable

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

<item>

<shape android:shape="rectangle" >

<solid android:color="#ff0000" />

</shape>

</item>

<item android:bottom="20dp">

<shape android:shape="rectangle" >

<solid android:color="#00ff00" />

</shape>

</item>

<item

<>

android:bottom="10dp"

android:left="10dp"

android:right="10dp">

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="//schemas.android.com/apk/res/android" >

<shape android:shape="rectangle" >

<solid android:color="#0000ff" />

</shape>

</item>

</layer-list>

显示效果如图 4。

图 4

(4) StateListDrawable

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

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="//schemas.android.com/apk/res/android" >

<item

android:drawable="@drawable/button_pressed"

android:state_pressed="true"/>

<!-- 按下TextView时显示此状态 -->

<item <>

android:drawable="@drawable/button_focused"

android:state_focused="true"/>

<!-- 没有按下TextView且获得焦点时显示此状态 -->

<item android:drawable="@drawable/button_normal"/>

<!-- TextView默认状态 -->

</selector>

(5) LevelListDrawable

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

<?xml version="1.0" encoding="utf-8"?>

<level-list xmlns:android="//schemas.android.com/apk/res/android" >

<item <>

android:drawable="@drawable/low_level"

android:maxLevel="1000"

android:minLevel="0"/>

<!-- 当level为0~1000时,显示此Drawable -->

<item <>

android:drawable="@drawable/high_level"

android:maxLevel="10000"

android:minLevel="1001"/>

 <!-- 当level为1001~10000时,显示此Drawable -->

</level-list>

(6) InsetDrawable

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

<?xml version="1.0" encoding="utf-8"?>

<inset xmlns:android="//schemas.android.com/apk/res/android"

android:insetBottom="15dp"

android:insetLeft="15dp"

android:insetRight="15dp"

android:insetTop="15dp" >

<shape android:shape="rectangle" >

<solid android:color="#00ff00" />   

</shape>

</inset> 

(7) ClipDrawable

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

<?xml version="1.0" encoding="utf-8"?>

<clip xmlns:android="//schemas.android.com/apk/res/android"  

android:clipOrientation="vertical"

android:drawable="@drawable/image"

android:gravity="bottom" />

ImageView的布局为:

<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);

上一篇:关于C指针的一些理解

下一篇:Android内存泄漏

热点文章推荐
华清学员就业榜单
高薪学员经验分享
热点新闻推荐
前台专线:010-82525158 企业培训洽谈专线:010-82525379 院校合作洽谈专线:010-82525379 Copyright © 2004-2022 北京华清远见科技集团有限公司 版权所有 ,京ICP备16055225号-5京公海网安备11010802025203号

回到顶部