Android-自定义图像资源的使用（2）

于 2024-05-11 05:55:23 发布
阅读量541 收藏 22
点赞数 19
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84903607/article/details/138694371
版权

android:text=“开灯” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:onClick=“onClick_LampOff”

android:text=“关灯” />

/05_KindOfDrawableUse/src/com/wwj/drawable/LevelDrawableRes.java

package com.wwj.drawable;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.ImageView;

/**

  • 图像级别资源的使用

  • 在res/drawable建立图像级别资源

  • 然后在布局文件的控件中使用

  • @author wwj

*/

public class LevelDrawableRes extends Activity {

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，显示lamp_off.png

ivLamp.setImageLevel(8);

}

public void onClick_LampOn(View view) {

// LevelListDrawable levelListDrawable =

// (LevelListDrawable)ivLamp.getDrawable();

// levelListDrawable.setLevel(15);

// 设置Level为15，显示lamp_on.png

ivLamp.setImageLevel(15);

}

public void onClick_LampOff(View view) {

// 设置Level为6，显示lamp_off.png

ivLamp.getDrawable().setLevel(6);

}

}

效果图如下：

过渡图像资源的使用

这个图像资源是用来展示图像过渡的，比如一盏灯从不亮到亮的缓慢过渡。

/05_KindOfDrawableUse/res/drawable/lamp_transition.xml

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

/05_KindOfDrawableUse/res/layout/cross_fade_res.xml

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

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical” >

<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=“关灯” />

/05_KindOfDrawableUse/src/com/wwj/drawable/CrossFadeDrawableRes.java

package com.wwj.drawable;

import android.app.Activity;

import android.graphics.drawable.TransitionDrawable;

import android.os.Bundle;

import android.view.View;

import android.widget.ImageView;

/**

  • 淡入淡出资源的使用

  • @author wwj

*/

public class CrossFadeDrawableRes extends Activity {

private ImageView ivLamp;

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

}

}

效果图如下：

嵌入图像资源的使用

/05_KindOfDrawableUse/res/drawable/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” >

/05_KindOfDrawableUse/res/layout/inset_res.xml

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

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical” >

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:background=“@drawable/inset” />

效果图如下：

剪切图像资源的使用

/05_KindOfDrawableUse/res/drawable/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” />

/05_KindOfDrawableUse/res/layout/clip_res.xml

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

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:background=“@drawable/background”

android:orientation=“vertical” >

<ImageView

android:id=“@+id/image”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:background=“@drawable/clip” />

/05_KindOfDrawableUse/src/com/wwj/drawable/ClipDrawableRes.java

package com.wwj.drawable;

import android.app.Activity;

import android.graphics.drawable.ClipDrawable;

import android.os.Bundle;

import android.widget.ImageView;

/**

  • 剪切图像的使用

  • 在res/drawable目录下定义clip资源

  • @author wwj

*/

public class ClipDrawableRes extends Activity {

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

}

}

效果图如下：

比例图像资源的使用

/05_KindOfDrawableUse/res/drawable/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%” >

这个比例图片没有效果，不知道为何

外形图像资源的使用

外形图像是用得比较多，可以实现自己想要的效果，比如一个文本框

/05_KindOfDrawableUse/res/drawable/shape.xml

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

<shape xmlns:android=“http://schemas.android.com/apk/res/android”

android:shape=“rectangle” >

<gradient

android:angle=“45”

android:endColor=“#80FF00FF”

android:startColor=“#FFFF0000” />

<padding

android:bottom=“7dp”

android:left=“7dp”

android:right=“7dp”

android:top=“7dp” />

<stroke

android:width=“2dp”

android:color=“#FFF” />

/05_KindOfDrawableUse/res/layout/shape_res.xml

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
OfDrawableUse/res/layout/shape_res.xml

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-aP05JoDr-1715378070561)]

[外链图片转存中…(img-Dl0DRiEU-1715378070562)]

[外链图片转存中…(img-9RTjp9pz-1715378070563)]

[外链图片转存中…(img-tNruexeS-1715378070564)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

2401_84903607
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值