android drawable

2401_85968717

于 2024-08-21 17:26:50 发布

阅读量947

点赞数 10

文章标签： android

本文链接：https://blog.csdn.net/2401_85968717/article/details/141398935

版权

android:useLevel=“false” >
<gradient
android:centerColor=“#FFFF00”
android:endColor=“#FF0000”
android:startColor=“#7B68EE”
android:type=“sweep”
android:useLevel=“false” />
</shape>

调用三个drawable的activity_main.xml:

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:orientation=“vertical”
tools:context=“com.jay.example.drawabletest.MainActivity” >
<TextView
android:id=“@+id/txtShow1”
android:layout_width=“200dp”
android:layout_height=“100dp”
android:background=“@drawable/gradient_linear”/>
<TextView
android:id=“@+id/txtShow2”
android:layout_width=“200dp”
android:layout_height=“200dp”
android:background=“@drawable/gradient_radial” />
<TextView
android:id=“@+id/txtShow3”
android:layout_width=“100dp”
android:layout_height=“100dp”
android:background=“@drawable/gradient_sweep”/>
</LinearLayout>

运行效果图:

当然,如果想绘制更加复杂的图形的话,只用xml文件不远远不足的,更发杂的效果则

需要通过Java代码来完成,下面演示的是摘自网上的一个源码:

package com.jay.example.drawabletest;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.ComposePathEffect;
import android.graphics.CornerPathEffect;
import android.graphics.DiscretePathEffect;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathEffect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.ArcShape;
import android.graphics.drawable.shapes.OvalShape;
import android.graphics.drawable.shapes.PathShape;
import android.graphics.drawable.shapes.RectShape;
import android.graphics.drawable.shapes.RoundRectShape;
import android.graphics.drawable.shapes.Shape;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new SampleView(this));
}
private static class SampleView extends View {
private ShapeDrawable[] mDrawables;
private static Shader makeSweep() {
return new SweepGradient(150, 25,
new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF, 0xFFFF0000 },
null);
}
private static Shader makeLinear() {
return new LinearGradient(0, 0, 50, 50,
new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF },
null, Shader.TileMode.MIRROR);
}
private static Shader makeTiling() {
int[] pixels = new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF, 0};
Bitmap bm = Bitmap.createBitmap(pixels, 2, 2,
Bitmap.Config.ARGB_8888);
return new BitmapShader(bm, Shader.TileMode.REPEAT,
Shader.TileMode.REPEAT);
}
private static class MyShapeDrawable extends ShapeDrawable {
private Paint mStrokePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
public MyShapeDrawable(Shape s) {
super(s);
mStrokePaint.setStyle(Paint.Style.STROKE);
}
public Paint getStrokePaint() {
return mStrokePaint;
}
@Override protected void onDraw(Shape s, Canvas c, Paint p) {
s.draw(c, p);
s.draw(c, mStrokePaint);
}
}
public SampleView(Context context) {
super(context);
setFocusable(true);
float[] outerR = new float[] { 12, 12, 12, 12, 0, 0, 0, 0 };
RectF inset = new RectF(6, 6, 6, 6);
float[] innerR = new float[] { 12, 12, 0, 0, 12, 12, 0, 0 };
Path path = new Path();
path.moveTo(50, 0);
path.lineTo(0, 50);
path.lineTo(50, 100);
path.lineTo(100, 50);
path.close();
mDrawables = new ShapeDrawable[7];
mDrawables[0] = new ShapeDrawable(new RectShape());
mDrawables[1] = new ShapeDrawable(new OvalShape());
mDrawables[2] = new ShapeDrawable(new RoundRectShape(outerR, null,
null));
mDrawables[3] = new ShapeDrawable(new RoundRectShape(outerR, inset,
null));
mDrawables[4] = new ShapeDrawable(new RoundRectShape(outerR, inset,
innerR));
mDrawables[5] = new ShapeDrawable(new PathShape(path, 100, 100));
mDrawables[6] = new MyShapeDrawable(new ArcShape(45, -270));
mDrawables[0].getPaint().setColor(0xFFFF0000);
mDrawables[1].getPaint().setColor(0xFF00FF00);
mDrawables[2].getPaint().setColor(0xFF0000FF);
mDrawables[3].getPaint().setShader(makeSweep());
mDrawables[4].getPaint().setShader(makeLinear());
mDrawables[5].getPaint().setShader(makeTiling());
mDrawables[6].getPaint().setColor(0x88FF8844);
PathEffect pe = new DiscretePathEffect(10, 4);
PathEffect pe2 = new CornerPathEffect(4);
mDrawables[3].getPaint().setPathEffect(
new ComposePathEffect(pe2, pe));
MyShapeDrawable msd = (MyShapeDrawable)mDrawables[6];
msd.getStrokePaint().setStrokeWidth(4);
}
@Override protected void onDraw(Canvas canvas) {
int x = 10;
int y = 10;
int width = 300;
int height = 50;
for (Drawable dr : mDrawables) {
dr.setBounds(x, y, x + width, y + height);
dr.draw(canvas);
y += height + 5;
}
}
}
}

运行截图：

代码使用了ShapeDrawable和PathEffect,前者是对普通图形的包装;包括:

ArcShape,OvalShape,PathShape,RectShape,RoundRectShape!

而PathEffect则是路径特效,包括:

CornerPathEffect,DashPathEffect和DiscretePathEffect

可以制作复杂的图形边框…

关于这个GradoemtDrawable渐变就讲到这里,如果你对最后面这个玩意有兴趣的话,可以到:

https://github.com/appium/android-apidemos/tree/master/src/io/appium/android/apis/graphics

查找相关Apidemo例子~

最后说两句:

====================================================================

好了,关于本节的内容就讲到这里吧,写太多,自己辛苦,读者也看得辛苦~ 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

本文参考文献：

http://www.devdiv.com/

本节引言:

在上一节中我们已经对了解了4个Android Drawable,他们分别是:

ColorDrawable,NinePatchDrawable,ShapeDrawable与GradientDrawable!

本节我们再来接着学习另外五个Drawable,分别是:

BitmapDrawable,InsertDrawable,ClipDrawable,RotateDrawable,AnimationDrawable!

好了,开始本节内容! 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

本节正文:

Android各种Drawable的大纲图:

====================================================================================

1.BitmapDrawable:

===============================================================================

对Bitmap的一种封装,可以设置它包装的bitmap在BitmapDrawable区域中的绘制方式,有:

平铺填充,拉伸填或保持图片原始大小!以<bitmap…/>为根节点!

相关属性:

**src:**图片资源~

**antialias:**是否支持抗锯齿

**filter:**是否支持位图过滤,支持的话可以是图批判显示时比较光滑

**dither:**是否对位图进行抖动处理

**gravity:**若位图比容器小,可以设置位图在容器中的相对位置

**tileMode:**指定图片平铺填充容器的模式,设置这个的话,gravity属性会被忽略,有以下可选值:

disabled(整个图案拉伸平铺),(原图大小),repeat(平铺),mirror(镜像平铺)

分别的效果如下:

①XML定义BitmapDrawable:

<?xml version\="1.0" encoding\="utf-8"?>
<bitmap xmlns:android=“http://schemas.android.com/apk/res/android”
android:dither=“true”
android:src=“@drawable/ic_launcher”
android:tileMode=“mirror” />

②实现相同效果的Java代码:

BitmapDrawable bitDrawable = new BitmapDrawable(bitmap);
bitDrawable.setDither(true);
bitDrawable.setTileModeXY(TileMode.MIRROR,TileMode.MIRROR);

2.InsetDrawable:

==============================================================================

表示把一个Drawable嵌入到另外一个Drawable的诶不,并且在内部留一些间距,类似与

Drawable的padding属性,但padding表示的是Drawable的内容与Drawable本身的边距!

而InsetDrawable表示的是两个Drawable与容器之间的边距,当控件需要的背景比实际的边框

小的时候,比较适合使用InsetDrawable,比如使用这个可以解决我们自定义Dialog与屏幕之间

的一个间距问题,相信做过的朋友都知道,即使我们设置了layout_margin的话也是没用的,这个

时候就可以用到这个InsetDrawable了!只需为InsetDrawable设置一个insetXxx设置不同

方向的边距,然后为设置为Dialog的背景即可！

相关属性:

1.drawable:引用的Drawable,如果为空,必须有一个Drawable类型的子节点!

2**.visible**:设置Drawable是否额空间

3.**insetLeft,insetRight,insetTop,insetBottm:**设置左右上下的边距

①XML中使用:

<?xml version\="1.0" encoding\="utf-8"?>
<inset xmlns:android=“http://schemas.android.com/apk/res/android”
android:drawable=“@drawable/test1”
android:insetBottom=“10dp”
android:insetLeft=“10dp”
android:insetRight=“10dp”
android:insetTop=“10dp” />

②Java代码中使用:

InsetDrawable insetDrawable = new InsetDrawable(getResources()
.getDrawable(R.drawable.test1), 10, 10, 10, 10);

运行结果截图:

3.ClipDrawable:

=============================================================================

Clip可以译为剪的意思,我们可以把ClipDrawable理解为从位图上剪下一个部分;

Android中的进度条就是使用ClipDrawable来实现的,他根据设置level的值来决定剪切

区域的大小,根节点是<clip…/>

相关属性:

**clipOrietntion:**设置剪切的方向,可以设置水平和竖直2个方向

**gravity:**从那个位置开始裁剪

**drawable:**引用的drawable资源,为空的话需要有一个Drawable类型的子节点

ps:这个Drawable类型的子节点:就是在<clip里>加上这样的语句:

这样…

使用示例:

核心就是通过代码修改ClipDrawable的level即可!

这里我们实现一个类似于进度条的效果,另外这个Level的值是0~10000哦:

①定义一个ClipDrawable的资源xml:

<?xml version\="1.0" encoding\="utf-8"?>
<clip xmlns:android=“http://schemas.android.com/apk/res/android”
android:clipOrientation=“horizontal”
android:drawable=“@drawable/load”
android:gravity=“left” />

②在activity_main主布局文件中设置一个ImageView,将src设置为clipDrawable!

记住是src哦,如果你写成了blackground的话可是会报空指针的哦!!!

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:orientation=“vertical”
tools:context=“com.jay.example.drawabletest.MainActivity” >
<ImageView
android:id=“@+id/imgShow1”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:src=“@drawable/clip_one” />
</LinearLayout>

③MainActivity.java通过setLevel设置截取区域大小;

package com.jay.example.drawabletest;
import java.util.Timer;
import java.util.TimerTask;
import android.app.Activity;
import android.graphics.drawable.ClipDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ImageView imgShow1;
private ClipDrawable cd;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
if (msg.what == 0x123) {
cd.setLevel(cd.getLevel() + 500);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imgShow1 = (ImageView) findViewById(R.id.imgShow1);
// 核心实现代码
cd = (ClipDrawable) imgShow1.getDrawable();
final Timer timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
handler.sendEmptyMessage(0x123);
if (cd.getLevel() >= 10000) {
timer.cancel();
}
}
}, 0, 300);
}
}

运行效果图:

4.RotateDrawable:

===============================================================================

用来对Drawable进行旋转,也是通过setLevel来控制旋转的,最大值也是:10000

最后

**要想成为高级安卓工程师，必须掌握许多基础的知识。**在工作中，这些原理可以极大的帮助我们理解技术，在面试中，更是可以帮助我们应对大厂面试官的刁难。

参考docs.qq.com/doc/DSkNLaERkbnFoS0ZF
droid:maxLevel=“2000”/>

<item android:drawable=“@drawable/cir2” android:maxLevel=“4000”/>
<item android:drawable=“@drawable/cir3” android:maxLevel=“6000”/>
<item android:drawable=“@drawable/cir4” android:maxLevel=“8000”/>
<item android:drawable=“@drawable/cir5” android:maxLevel=“10000”/>
</level-list>

接下来就到MainActivity,一个Timer定时器,handler修改level值即可~

package com.jay.example.drawabletest;
import java.util.Timer;
import java.util.TimerTask;
import android.app.Activity;
import android.graphics.drawable.LevelListDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ImageView imgShow;
private LevelListDrawable ld;
private Handler handler = new Handler()
{
public void handleMessage(Message msg)
{
if(msg.what == 0x123)
{
if(ld.getLevel() > 10000)ld.setLevel(0);
else imgShow.setImageLevel(ld.getLevel()+2000);
}
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imgShow = (ImageView) findViewById(R.id.imgShow);
ld = (LevelListDrawable) imgShow.getDrawable();
imgShow.setImageLevel(0);
new Timer().schedule(new TimerTask() {
@Override
public void run() {
handler.sendEmptyMessage(0x123);
}
}, 0,1000);
}
}

4.StateListDrawable:

最后

[外链图片转存中…(img-dpHCZjzi-1724232399669)]

[外链图片转存中…(img-nIuxrERa-1724232399669)]

参考docs.qq.com/doc/DSkNLaERkbnFoS0ZF

2401_85968717

关注

10
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫