文档章节

Android进阶学习-实现图片倒影的效果

August1996_
 August1996_
发布于 2016/05/22 15:12
字数 363
阅读 16
收藏 0

效果图:

参考:着色器/渲染器

首先说一下原理,这是一张图片A,然后通过拷贝成图片B,再把B翻转,翻转后再设置B+一个渐变色的混合,实现渐变.

 

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"
    tools:context="com.example.customview.ReflectActivity" >

    <com.example.customview.ReflectView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />

</RelativeLayout>

2.编码:

package com.example.customview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader.TileMode;
import android.util.AttributeSet;
import android.view.View;

public class ReflectView extends View {
	
	private Bitmap	mBitmap;
	private Bitmap	mRefBitmap;
					
	public ReflectView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
	}
	
	public ReflectView(Context context) {
		super(context, null);
	}
	
	public ReflectView(Context context, AttributeSet attrs) {
		super(context, attrs, 0);
		mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.jpg);
		/**
		 * 这是上面的那张图片A
		 */
		
		Matrix matrix = new Matrix();
		matrix.setScale(1f, -1f);
		/**
		 * 使图片上下翻转的矩阵运算
		 */
		
		mRefBitmap = Bitmap.createBitmap(mBitmap, 0, 0, mBitmap.getWidth(), mBitmap.getHeight(), matrix, true);
		/**
		 * 拷贝图片A并翻转
		 */
		
		Paint paint = new Paint();
		LinearGradient linearGradient = new LinearGradient(0, 0, 0, mBitmap.getHeight() / 4, 0X00000000, 0XFF000000,
				TileMode.CLAMP);
		paint.setShader(linearGradient);
		/**
		 * 这是使图片B渐变的渲染器 让颜色从透明-->黑色
		 */
		
		Canvas canvas = new Canvas(mRefBitmap);
		canvas.drawRect(0, 0, mBitmap.getWidth(), mBitmap.getHeight() / 4, paint);
		/**
		 * 然后开始在mRefBitmap上画出渐变效果
		 */
	}
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		canvas.clipRect(0, 0, mBitmap.getWidth(), mBitmap.getHeight() + mBitmap.getHeight() / 4);
		/**
		 * 只在有效区域(宽度为图片宽度,高度为图片高度+倒影的高度)内作画,其他超出有效区域的裁剪掉
		 */
		
		/**
		 * 最后把两张图片拼接
		 */
		canvas.drawBitmap(mBitmap, 0, 0, null);
		canvas.drawBitmap(mRefBitmap, 0, mBitmap.getHeight(), null);
	}
}

 

© 著作权归作者所有

共有 人打赏支持
August1996_
粉丝 2
博文 51
码字总数 29055
作品 0
湛江
程序员
私信 提问
Android 滑动效果进阶篇(六)—— 倒影效果

上篇介绍了使用Animation实现3D动画旋转翻页效果,现在介绍图片倒影实现,先看效果图 本示例主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1、倒影绘制 ImageAdapter继承自...

长平狐
2013/01/06
793
0
Android实战经验之图像处理及特效处理的集锦(总结版)

1 Android学习笔记进阶之在图片上涂鸦(能清屏) 2 Android学习笔记之详细讲解画圆角图片 3 Android学习笔记进阶20之得到图片的缩略图 4 Android学习笔记进阶19之给图片加边框 5 Android学习笔...

xiaosi
2012/03/12
39.3K
25
Android高手进阶教程(二十二)之---Android中几种图像特效处理的集锦!!

大家好,这一节给大家分享的是Android中几种图像特效处理的小技巧,比如圆角,倒影,还有就是图片缩放,Drawable转化为Bitmap,Bitmap转化为Drawable等等. 废话少说了,直接讲解今天的实例,本例主要...

迷途d书童
2012/02/29
776
0
自定义Gallery实现立体,倒影的效果

Android自带的Gallery画廊控件位于屏幕的底部,是很不错很漂亮的一个控件。我们也可以自己更改gallery,来实现不同的效果,也可以加上倒影,翻转等华丽的界面,一直都比较喜欢研究android的U...

长平狐
2013/04/25
129
0
超炫的3D特效程序管理功能android

PC上不说了一些很炫的界面效果很多,其实android上也可以实现很多很COOL的特效。 先看一下效果吧! 相册功能的效果: 下面是加载的andriod 里的程序,用3D效果列出来。这个可以做为android开机...

yumingxinli
2013/02/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

cnetos7+docker+rancher构建基于DevOps的全自动CI【01】

来自DevOps实践分享,分享从开发代码到生产环境部署的一条龙操作的实践及经验, 包含工具技术的选型及考量、私有代码库与私有镜像库的应用等。 1、环境选择 安装Rancher环境,一定要在干净的...

Elson
7分钟前
0
0
21分钟教会你分析MaxCompute账单

背景 阿里云大计算服务MaxCompute是一款商业化的大数据分析平台,其计算资源有预付费和后付费两种计费方式。并且产品每天按照project为维度进行计量计费(账单基本情况下会第二天6点前产出)...

zhaowei121
11分钟前
0
0
CTO职场解惑指南系列(一)

基于科技能够改变世界的事实,几乎每个公司的程序员都自带闪光灯。程序员的手和普通人的手自然是有区别的,“我们可是用双手改变了世界” 。(码农真的是靠双手吃饭,呵呵) 这个世界上但凡靠...

阿里云云栖社区
15分钟前
0
0
css实现图片自适应容器宽高

css实现图片自适应容器宽高的做法一般如下所示 <style>div{width: 200px; height: 200px}div img{width: 100%; height: 100%}</style><div><img src="xxxx.png" /></div> 当外层容......

小草先森
15分钟前
0
0
PlatON在CentOS上编译部署

本文作者为万向区块链CTO罗荣阁。 目录 PlatON在CentOS上编译部署 1. CentOS 环境准备 1.1. 使用rpm 安装devtoolset-7 1.2. 使用rpm 安装dos2unix 1.3. 准备PlatON代码 1.4. 确保build脚本正...

万向区块链
23分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部