文档章节

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

August1996_
 August1996_
发布于 2016/05/22 15:12
字数 363
阅读 16
收藏 0
点赞 2
评论 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
579
0
CSDN精选Android开发博客

[1] 张国威:Android从入门到提高系列 前面写了十四篇关于界面的入门文章,大家都看完和跟着练习之后,对于常用的Layout和View都会有一定的了解了,接下来的文章就不再强调介绍界面了,而是针...

晨曦之光
2012/02/24
0
0
超炫的3D特效程序管理功能android

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

yumingxinli
2013/02/12
0
0
Android实现图片的倒影效果

效果如下: 主要代码如下: public static Bitmap createReflectedImage(Bitmap originalImage) { } 解释一下: Matrix matrix = new Matrix();matrix.preScale(1, -1); 实现图片的反转,见A......

迷途d书童
2012/02/28
0
4
CoverFlow效果控件无限循环效果

今天开发一个滑动切换的3d动画效果,就在gitHub上边找了代码,然后把这些代码放到新建的项目中,实现了循环切换的效果,具体代码如下: package pym.test.gallery3d.util; import android.co...

今日竹石
2015/07/29
0
0
Android开发案例:Android中几种图像特效处理

Android中几种图像特效处理 · ·   Android中有很多图片特效处理技巧,比如圆角、倒影,今天为大家分享一个实例,本例主要是先获取壁纸(getWallpaper()),然后对当前壁纸的一些特效处理。 ...

庸人谷
2012/12/03
0
0
Android中几种图像特效处理

  Android中有很多图片特效处理技巧,比如圆角、倒影,今天为大家分享一个实例,本例主要是先获取壁纸(getWallpaper()),然后对当前壁纸的一些特效处理。   第一步:新建一个Android工程命...

天下杰论
2013/04/15
0
0
Android中几种图像特效处理

  Android中有很多图片特效处理技巧,比如圆角、倒影,今天为大家分享一个实例,本例主要是先获取壁纸(getWallpaper()),然后对当前壁纸的一些特效处理。   第一步:新建一个Android工程命...

yumingxinli
2013/02/12
0
0
android中一些view处理(拖动,定位,显示,图层)

在看到现行手机能够趋近拥有与pc机相同性能的同时,我们不难发现各种应用、软件都移植到了手机上,略从android,iphone,ophone等智能手机系统,我们便能一叶知秋了。 每天学习着android,会...

蔻之
2011/03/20
0
7
Android对View进行包裹, 实现镜面反射效果

这个在TV上用的挺多的, 网上很多都是对ImageView的图片做的, 感觉不是很好, 这里实现了一个可以对任何View做倒影的. 效果图 /*** @className: MirrorView @description: 对普通View做封装, 让...

SuShine
2015/08/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

利用 acme.sh 获取网站证书并配置https访问

acme.sh 实现了 acme 协议, 可以从 letsencrypt 生成免费的证书.(https://github.com/Neilpang/acme.sh/wiki/%E8%AF%B4%E6%98%8E) 主要步骤: 安装 acme.sh 生成证书 copy 证书到 nginx/ap...

haoyuehong
14分钟前
0
0
微擎框架内如何根据media_id获取到微信图片的路径

微擎的框架内,图片选择后,获取的是那个字符串是media_id,相当于你这张图片在微信的图片服务器里面的id 要求是:获取https://mmbiz.qpic.cn/mmbiz_jpg/…… 微信图片的路径 而微信并没有根据m...

老bia同学
18分钟前
0
0
Spring boot中日期的json格式化

Model 在model层中,类的日期属性上面添加如下注解: @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd hh:mm:ss") 参考 Jackson Date格式化教程...

亚林瓜子
20分钟前
0
0
Eclipse:Failed to load the JNI shared library

1.问题背景: 由于我之前使用jdk1.9学习,当使用Luke的时候发现jdk版本过高,需要向下配置jdk,就向朋友拷了一个安装包。重新配置路径后,便开始报错。 2.问题描述: Failed to load the JNI...

tinder_boy
22分钟前
0
0
少儿学习编程课程是否真的适合七八岁的低龄儿童[图]

少儿学习编程课程是否真的适合七八岁的低龄儿童[图]: 天下熙熙皆为利来,天下攘攘皆为利往。 这几年来,乐高教育机构在国内如同雨后春笋般出现,当然关闭/转手的也很多。从教师角度来看,部...

原创小博客
28分钟前
0
0
ES12-词项查询

1.词项查询介绍 全文查询将在执行之前分析查询字符串,但词项级别查询将按照存储在倒排索引中的词项进行精确操作。这些查询通常用于数字,日期和枚举等结构化数据,而不是全文本字段。 或者,...

贾峰uk
36分钟前
0
0
http状态码与ajax的状态值

ajax状态值 1.1 200 & OK:状态请求成功

litCabbage
39分钟前
0
0
iOS动画效果合集、飞吧企鹅游戏、换肤方案、画板、文字效果等源码

iOS精选源码 动画知识运用及常见动画效果收集 3D卡片拖拽卡片叠加卡片 iFIERO - FLYING PENGUIN 飞吧企鹅SpriteKit游戏(源码) Swift封装的空数据提醒界面EmptyView 沙盒文件浏览与分享调试控...

sunnyaigd
42分钟前
0
0
AngularJS配置.run()块中设置路由事件的监听器以及过滤未经授权的请求

AngularJS中的run方法初始化全局数据,只对全局作用域起作用,如$rootScope.多个控制器之间可以共享数据,如下代码所示: <script type="text/javascript"> var m1 = angular....

孟飞阳
42分钟前
0
0
Java语言学习(十):输入/输出

Java中,I/O操作代表着输入、输出,Java所有的I/O机制都是基于数据流进行输入输出。java.io类包提供了很多的输入输出处理功能方法,大家可以参考下JDK文档中关于I/O的一些处理方法:JDK在线中...

海岸线的曙光
52分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部