android通过drawable资源实现常用的自定义效果

最新推荐文章于 2022-06-25 19:04:34 发布
最新推荐文章于 2022-06-25 19:04:34 发布
阅读量566 收藏
点赞数
分类专栏： 个人学习总结 文章标签： android drawable bitmap shape

1.首先来介绍bitmap标签的使用：/MyProgram/res/drawable/drawable_layer.xml

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@[package:]drawable/drawable_resource"
    android:antialias=["true" | "false"]
    android:dither=["true" | "false"]
    android:filter=["true" | "false"]
    android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                      "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                      "center" | "fill" | "clip_vertical" | "clip_horizontal"]
    android:tileMode=["disabled" | "clamp" | "repeat" | "mirror"] />

节点属性介绍：

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    xmlns:android="类型:String。定义了XML的命名空间，必须是<a target=_blank href="http://schemas.android.com/apk/res/android">http://schemas.android.com/apk/res/android</a>。
                   如果<bitmap>是根元素，那么他是必须的，如果是嵌套在<itme>里面，那么就不是必须的。"
    android:src="类型：Drawable resource。必需。 引用一个drawableresource"
    android:antialias="类型：Boolean。是否开启抗锯齿。"
    android:dither="类型：Boolean。如果位图与屏幕的像素配置不同时，是否允许抖动"
    android:filter="类型：Boolean。是否允许对位图进行滤波。对位图进行收缩或者延展使用滤波可以获得平滑的外观效果。"
    android:gravity="<em>类型：</em>关键字。定义位图的重力（gravity），如果位图小于其容器，使用重力指明在何处。多个属性之间用  |  分隔。"
    android:mipMap=["true" | "false"]
    android:tileMode="<em>类型：Keyword</em>。定义了tile模式。当tile模式被启用，位图是重复的，并且gravity属性将被忽略。/>

2.nine-patch标签

我们在应用开发当中，时刻需要对图片进行处理，为了让图片被拉伸的时候不会变形和扭曲，让图片边缘部分过渡得更加平滑自然。这时就要用到draw9patch.bat这个工具。

:\ADT\sdk\tools\draw9patch.bat

<?xml version="1.0" encoding="utf-8"?>
<nine-patch xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="false"
    android:src="@drawable/nine_patch" >

</nine-patch>

src所对应的资源文件需要时.9格式的图片

在布局文件中引用：

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/xml_ninepatch" />

3.layer-list标签

将资源文件一层一层的覆盖上去

layertest.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/src01" />
    </item>
    <item
        android:left="10dp"
        android:top="10dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/src02" />
    </item>
    <item
        android:left="20dp"
        android:top="20dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/src03" />
    </item>

</layer-list>

在布局文件中引用：

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/layertest" />

4.selector标签

selector.xml用来控制按钮等空间的点击效果

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/pressed" />
    <item android:state_focused="true"
          android:drawable="@drawable/focused" /> 
    <item android:drawable="@drawable/normal" /> 
</selector>

在布局中的引用

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/selector"
        android:text="按钮" />

5.layer-list

图像级别资源的使用

lamp_level.xml

<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:drawable="@drawable/lamp_off" android:minLevel="6"
		android:maxLevel="10" />
	<item android:drawable="@drawable/lamp_on" android:minLevel="12"
		android:maxLevel="20" />
</level-list>

在布局文件中的引用

<ImageView
        android:id="@+id/imageview_lamp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/lamp_level" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick_effect1"
        android:text="效果1" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick_effect2"
        android:text="效果2" />

在Java文件中的使用

private ImageView ivLamp;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.level_res);

		ivLamp = (ImageView) findViewById(R.id.imageview_lamp);
		// 设置Level为8
		ivLamp.setImageLevel(8);
	}

	public void onClick_effect1(View view) {
		// LevelListDrawable levelListDrawable =
		// (LevelListDrawable)ivLamp.getDrawable();
		// levelListDrawable.setLevel(15);
		// 设置Level为15
		ivLamp.setImageLevel(15);

	}

	public void onClick_effect1(View view) {
		// 设置Level为6
		ivLamp.getDrawable().setLevel(6);

	}

6.transition 标签

用来产生过度效果

lamp_transition.xml

<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:drawable="@drawable/lamp_off" />
	<item android:drawable="@drawable/lamp_on" />
</transition>

布局文件中引用

<ImageView
        android:id="@+id/imageview_lamp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/lamp_transition" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick_LampOn"
        android:text="开灯" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick_LampOff"
        android:text="关灯" />

Java文件中的使用

@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.cross_fade_res);

		ivLamp = (ImageView) findViewById(R.id.imageview_lamp);
	}

	public void onClick_LampOn(View view) {
		// 从第一个图像切换到第二个图像。其中使用1秒的时间完成淡入淡出效果
		TransitionDrawable drawable = (TransitionDrawable) ivLamp.getDrawable();
		drawable.startTransition(1000);
	}

	public void onClick_LampOff(View view) {
		// 从第二个图像切换第一个图像。其中使用1秒的时间完成淡入淡出效果
		TransitionDrawable drawable = (TransitionDrawable) ivLamp.getDrawable();
		drawable.reverseTransition(1000);
	}

7.inset 标签

嵌入图像资源的使用

inset.xml

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

</inset>

标签属性介绍

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/logo"
    android:insetBottom="图像距离下边的距离"
    android:insetLeft="图像距离左标的距离"
    android:insetRight="图像距离右边的距离"
    android:insetTop="图像距离上边的距离" >

</inset>

在布局中的引用

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/inset" />

8.clip 标签

剪切图像资源的使用

clip.xml

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

在布局文件中的引用

<ImageView
        android:id="@+id/image"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/clip" />

Java代码中的使用

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.clip_res);
		ImageView imageview = (ImageView) findViewById(R.id.image);
		ClipDrawable drawable = (ClipDrawable) imageview.getBackground();
		// 截取30%的图像
		drawable.setLevel(3000);
	}

9.scale 标签

比例图像资源的使用

scale.xml

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/logo"
    android:scaleGravity="center_vertical|center_horizontal"
    android:scaleHeight="80%"
    android:scaleWidth="80%" >

</scale>

在布局文件中的引用

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/scale" />

10.shape 标签

图形资源使用

shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 圆角 -->
    <corners
	android:radius="9dp"
	android:topLeftRadius="2dp"
	android:topRightRadius="2dp"
	android:bottomLeftRadius="2dp"
	android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->
    <!-- 渐变 -->
    <gradient
	android:angle="45"
	android:endColor="#80FF00FF"
	android:startColor="#FFFF0000" />

    <!-- 间隔 -->
    <padding
	android:bottom="7dp"
	android:left="7dp"
	android:right="7dp"
	android:top="7dp" /><!-- 各方向的间隔 -->

    <!-- 填充 -->
    <solid
	android:color="@android:color/white"/><!-- 填充的颜色 -->

    <!-- 大小 -->
    <size
	android:width="50dp"
	android:height="50dp"/><!-- 宽度和高度 -->

    <!-- 描边 -->
    <stroke
	android:width="2dp"
	android:color="#FFF" />

    <corners android:radius="8dp" />

</shape>

在布局文件中的引用

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/shape"
        android:text="Shape Label" />
好了，常用的drawable资源就总结到这，效果要自己去尝试，希望多学习和工作有所帮助！



























紫气東来
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android drawable 使用,Android中ClipDrawable的使用
weixin_34684094的博客
05-28 474
介绍ClipDrawable是通过设置一个Drawable的当前显示比例来裁剪出另一张Drawable，你可以通过调节这个比例来控制裁剪的宽高，以及裁剪内容占整个容器的权重，通过ClipDrawable的setLevel()方法调节显示比例可以实现类似Progress进度条的效果。ClipDrawable的level值范围在[0,10000]，level的值越大裁剪的内容越少，如果level为10...
Android自定义Drawable，增加渐变阴影、部分渐变（圆角、部分圆角、圆形）
_xiangpan
07-04 2508
自定义Drawable，增加渐变阴影、部分渐变（圆角、部分圆角、圆形） 一、先上效果图 二、思路 1、圆角 1）绘制shadow * 2）绘制遮挡部分shadow 3）绘制圆角图 2、部分圆角 1）绘制shadow * 2）绘制遮挡部分shadow 3）绘制圆角图 4）绘制遮挡部分圆角 3、圆形 1）...
Android为图形添加特效详解
quietbxj的博客
05-26 343
Android为图形添加特效详解 1.旋转图像 Matrix类提供了setRotate(), postRotate(), preRotate()方法来进行旋转。 setRotate(float degree); //指定角度 setRotate(float degree, float x, float y); //指定旋转中心 通过cavas来实现图像变换： canvas.drawBitmap(bitmap, matrix, paint); 2.缩放图像 Matrix类提供了setS...
自定义 Drawable实现灵动红鲤鱼特效
chuyouyinghe的专栏
05-20 211
1 前言 Hi，大家好，这里是承香墨影！ 此篇中的小鱼动画是模仿国外一个大牛做的 Flash 动画，第一眼就爱上它了，简约灵动又不失美学，于是抽空试着尝试了一下，如下是我用 Android 实现的效果图： 由于整个绘制分析过程比较繁琐，所以灵动的红鲤鱼准备做成上下两篇，本篇是小鱼儿绘制的实现篇，第二篇是小鱼儿游动控制篇。 本篇实现如下效果： 绘制实现篇用到如下主要的技术: 1. 自定义 Drawable 动画； 2. Android 的坐标及角度； 3.
（原创）自定义Drawable
Android_xiong_st的博客
06-25 2429
在日常的android开发中，我们会经常用到drawable资源 比如设置icon： 一般的drawable我们都是一张图 但其实我们也可以像自定义View一样 去自定义我们的Drawable 自己定义的Drawable 也可以绘制文字，形状，以及加入一些图片 做成自己需要的样子 本篇文章就通过实战来教你如何去自定义一个Drawable 先看下效果图：..................
Android 波浪实现
sparkleyn的博客
02-08 1508
在github上找到一个优秀Android库，贴上网址https://github.com/restress/android-open-project看到一个很喜欢的waveview，效果如图，于是就想自己做做看 看了一下github上面的demo 感觉很简单哒 就是先引用一下WaveView的库，然后通过控制控件的progress属性来控制波浪的高度。 可以用来： 1.当背景 2.用作p
Android自定义Drawable实现圆角效果
08-29
Android 自定义 Drawable 实现圆角效果 Android 自定义 Drawable ...本文为 Android 开发者提供了一种实现圆角效果的方法，通过自定义 Drawable 来实现圆形和圆角的背景图片效果。这种方法可以广泛应用于实际开发中。
Android自定义Drawable实现圆形头像.pdf
09-22
通过这种方式，开发者可以快速地在Android应用中实现圆形头像的效果，而无需依赖第三方库。这种方法不仅提高了代码的可读性和可维护性，还降低了应用的体积，因为不需要引入额外的依赖。 不过，要注意的是，虽然...
Android自定义Dialog实现加载对话框效果
08-27
Android 自定义 Dialog 实现加载对话框效果 Android 自定义 Dialog 是一种常见的对话框实现方式，它可以满足我们在实际开发中对对话框的各种需求。通过自定义 Dialog，我们可以实现各种不同的对话框效果，例如加载...
Android使用自定义ImageView实现圆形图片效果
08-27
Android 使用自定义 ImageView 实现圆形图片效果 在 Android 开发中，ImageView 组件只能显示矩形的图片，這样不能满足我们其他的需求，比如要显示圆形的图片。这时，我们就需要自定义 ImageView 了。下面我们将...
72.android 简单的可以显示水位上升下降的TextView，效果炫酷（两种方式）
曹二少的博客
09-30 1159
//第一种方式：      //就是上图这种效果。 //第一步 写个自定义类TitanicTextView 继承TextView   public class TitanicTextView extends TextView { public interface AnimationSetupCallback { public ...
WaveDrawable-使ImageView产生波纹效果的Drawable.zip
09-24
使ImageView产生波纹效果的Drawable。和android-ripple-background效果是一样的， 只不过android-ripple-background是个容器，而WaveDrawable是个Drawable。还有，就是导入我的demo时，别忘了修改SDK的版本：android:targetSdkVersion=""，改成你的，我用的是19项目地址：https://github.com/Alexrs95/WaveDrawable 效果图：LinearInterpolatorBounceInterpolatorCycleInterpolator如何使用：创建WaveDrawable实例waveDrawable = new WaveDrawable(0xFF00FF33, 500);//设置波动的颜色及半径2. 设置动画效果waveDrawable.setWaveInterpolator(new AnticipateInterpolator());3. 将其设置给ImageViewImageView imageView = (ImageView) findViewById(R.id.image); imageView.setBackgroundDrawable(waveDrawable);
Android之ClipDrawable资源简单使用
Abrazen_zz的博客
09-03 1195
使用ClipDrawable实现图片徐徐展开效果ClipDrawable 代表从其他位图上截取一个”图片片段” 调用 setLevel(int level) 方法来设置截取的区域大小 当level为0时,截取的图片片段为空； 当level为10000时，截取整张图片。 一开始level默认为0。 以下为源代码在drawable文件下定义一个xml文件<clip xmlns:android=
Android Drawable 那些不为人知的高效用法
modabobo
02-26 877
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/43752383，本文出自：【张鸿洋的博客】1、概述 Drawable在我们平时的开发中，基本都会用到，而且给大家非常的有用。那么什么是Drawable呢？能够在canvas上绘制的一个玩意，而且相比于View，并不需要去考虑measure、layout，仅仅只要去考虑如何draw（...
自定义Drawable实现点击水波纹涟漪效果
Eshel的博客
08-08 1691
自定义Drawable实现点击水波纹涟漪效果系统水波纹问题思考开始写代码初始化工作侦测点击事件捕获按下时手指的坐标执行动画并绘制退出的动画总结 Google 在Android 5.0时代推出了Material Design设计风格, 其中包含水波纹涟漪效果, 虽然已经过去号几年了, 但我觉得还是有必要聊聊这个, 本文偏向于无界水波纹的实现, 主要起到抛砖引玉的作用, 不会写得太复杂 系统水波纹 咱们先来看一个演示，如上图， 是系统的水波纹点击效果，通过以下代码为TextView添加的点击效果： &lt
Android 通过Drawable资源自定义编辑框
chiyiw 的博客
08-14 1401
今天回家有些晚，虽然不能算
Drawable 给你的图片加上波纹效果
qq_34791119的博客
04-25 480
话不多说，直接上车！！！ public class WaveDrawable extends Drawable implements Animatable, ValueAnimator.AnimatorUpdateListener { private static final float WAVE_HEIGHT_FACTOR = 0.2f; private static final
安卓引用资源出现 error: resource android:drawable/.....is private.
zhigang的博客
07-17 6843
从错误信息可以看出，该资源没有被公开是私有的。导致无法被引用。 我们可以直接将“@android”改成“@*android” 问题解决。。。。
android中，如果使用imageButton可以在drawable 中设置一个selector,但是imageView设置不起作用...
836811384
09-10 266
android中，如果使用imageButton可以在drawable 中设置一个selector,但是imageView设置不起作用，只要把Imageview的src给去掉就成了，src捕获了background本应获得焦点导致，具体原因可查看这两者的区别。 &lt;ImageView android:id="@+id/mute_icon" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值