Android编程实现图片背景渐变切换与图层叠加效果
作者:books1958 时间:2021-10-10 06:04:03
本文实例讲述了Android编程实现图片背景渐变切换与图层叠加效果。分享给大家供大家参考,具体如下:
本例要实现的目的:
1.图片背景渐变的切换,例如渐变的从红色切换成绿色。
2.代码中进行图层叠加,即把多个Drawable叠加在一起显示在一个组件之上。
效果图:
代码很简单:
(1)布局文件:
<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:ignore="ContentDescription"
tools:context=".MainActivity">
<ImageView
android:id="@+id/color_iv"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_centerHorizontal="true"
android:src="@drawable/image_bg_2"
android:layout_margin="20dp" />
<TextView
android:id="@+id/note_text"
android:layout_below="@+id/color_iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:layout_margin="10dp"
android:text="点击颜色块,切换图片背景" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dip"
android:layout_below="@+id/note_text"
android:layout_marginBottom="8dip"
android:layout_marginLeft="4dip"
android:layout_marginRight="4dip"
android:orientation="horizontal">
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#99666666"
android:onClick="onColorClicked"
android:tag="#99666666" />
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#9996AA39"
android:onClick="onColorClicked"
android:tag="#9996AA39" />
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#99C74B46"
android:onClick="onColorClicked"
android:tag="#99C74B46" />
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#99F4842D"
android:onClick="onColorClicked"
android:tag="#99F4842D" />
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#993F9FE0"
android:onClick="onColorClicked"
android:tag="#993F9FE0" />
<ImageView
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_margin="4dip"
android:layout_weight="1"
android:background="#995161BC"
android:onClick="onColorClicked"
android:tag="#995161BC" />
</LinearLayout>
</RelativeLayout>
(2)Activity代码:
package com.sinatj.colorgradientanim;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;
import android.graphics.drawable.TransitionDrawable;
import android.os.Build;
import android.os.Handler;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
public class MainActivity extends ActionBarActivity {
private ImageView imageView;
private Drawable oldBackground = null;
private Drawable bgDrawable;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.color_iv);
bgDrawable = getResources().getDrawable(R.drawable.image_bg_1);
//初始颜色
changeColor(Color.parseColor("#6696AA39"));
}
private void changeColor(int newColor) {
Drawable colorDrawable = new ColorDrawable(newColor);
//图层叠加
LayerDrawable ld = new LayerDrawable(new Drawable[]{bgDrawable, colorDrawable});
if (oldBackground == null) {
imageView.setBackgroundDrawable(ld);
} else {
//渐变切换
TransitionDrawable td = new TransitionDrawable(new Drawable[]{oldBackground, ld});
imageView.setBackgroundDrawable(td);
td.startTransition(300);
}
oldBackground = ld;
}
public void onColorClicked(View v) {
int color = Color.parseColor(v.getTag().toString());
changeColor(color);
}
}
希望本文所述对大家Android程序设计有所帮助。
标签:Android,图片,图层
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SpringCloud启动失败问题汇总
2021-07-28 02:45:51
![](https://img.aspxhome.com/file/2023/2/119802_0s.png)
基于Spring Boot保护Web应用程序
2022-11-15 19:14:48
C#预处理指令之#line,#pragma warning 详细解析
2021-05-26 22:09:06
![](https://img.aspxhome.com/file/2023/6/70416_0s.jpg)
spring的Cache注解和redis的区别说明
2023-10-20 02:01:33
![](https://img.aspxhome.com/file/2023/9/62969_0s.png)
Android webview和js互相调用实现方法
2022-06-03 13:11:59
![](https://img.aspxhome.com/file/2023/9/118939_0s.png)
详解spring-boot actuator(监控)配置和使用
2022-07-12 17:20:37
RocketMQ源码分析之Broker过期消息清理机制
2023-06-10 15:47:43
Java解压zip文件的关键代码
2023-05-11 18:28:34
Android开发RecyclerView实现折线图效果
2022-08-27 12:59:34
![](https://img.aspxhome.com/file/2023/5/108325_0s.jpg)
Unity调用打印机打印图片
2023-10-18 03:49:48
Android PopupWindow被输入法弹上去之后无法恢复原位的解决办法
2023-07-24 12:23:31
Android Scroller大揭秘
2023-05-20 07:07:46
![](https://img.aspxhome.com/file/2023/7/137377_0s.png)
spring boot springMVC扩展配置实现解析
2023-11-25 10:32:53
Android实现加载对话框
2023-10-24 14:48:36
Android 调用发送短信的方法
2023-05-30 22:56:40
Java程序开发环境配置图文教程
2022-05-24 08:55:16
![](https://img.aspxhome.com/file/2023/6/125256_0s.png)
Java调用Zookeeper的实现步骤
2022-04-14 17:01:11
idea首次使用需要配置哪些东西
2022-05-16 20:01:37
![](https://img.aspxhome.com/file/2023/6/129956_0s.png)
Android系统中的蓝牙连接程序编写实例教程
2023-09-06 08:59:01
Android点击按钮返回顶部实现代码
2023-04-10 19:06:40