Android编程实现图片背景渐变切换与图层叠加效果

概述本文实例讲述了Android编程实现图片背景渐变切换与图层叠加效果。分享给大家供大家参考，具体如下：

本文实例讲述了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图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《@L_502_4@》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家AndroID程序设计有所帮助。

总结

以上是内存溢出为你收集整理的Android编程实现图片背景渐变切换与图层叠加效果全部内容，希望文章能够帮你解决Android编程实现图片背景渐变切换与图层叠加效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。