时间:2021-05-20
本文实例讲述了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基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Android编程实现自定义渐变颜色效果。分享给大家供大家参考,具体如下:你是否已经厌恶了纯色的背景呢?那好,Android提供给程序员自定义渐变
ps图层样式包含投影、内投影、外发光、内发光、斜面与浮雕、等高线、纹理、光泽、颜色叠加、渐变叠加、图案叠加、描边等。 AdobePhotoshop是Adobe
本文实例讲述了jquery实现两个图片渐变切换效果的方法。分享给大家供大家参考。具体如下:这段代码演示了jquery如何实现两个图片渐变切换的效果,为id=ki
本文实例讲述了Android编程实现带渐变效果的圆角矩形。分享给大家供大家参考,具体如下:/***带渐变色效果的圆角矩形**@description:*@aut
ps修复模糊不清的文字的方法如下: 1、打开ps,导入图片,复制图层,关闭背景图层; 2、将“图层模式”改为“叠加”; 3、合并图层,复制图层,点击“滤镜