Android实现ImageView阴影和图层效果

2024-10-28 18:51:09

本文实例为大家分享了ImageView阴影和图层效果的实现代码，供大家参考，具体内容如下

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View; 

public class MyCanvasActivity extends Activity {
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(new ImageEffect(this));
 } 

 class ImageEffect extends View{
  Paint paint;
  public ImageEffect(Context context){
   super(context);
   paint= new Paint(); //初始化画笔，为后面阴影效果使用。
   paint.setAntiAlias(true);//去除锯齿。
   paint.setShadowLayer(5f, 5.0f, 5.0f, Color.BLACK); //设置阴影层，这是关键。
   paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 

  }
  public void onDraw(Canvas canvas){
   super.onDraw(canvas);
   int posX = 20;
   int posY = 50;
   int PicWidth,PicHeight; 

  Drawable drawable = getResources().getDrawable(R.drawable.pic);
  Drawable dbe = getResources().getDrawable(R.drawable.pic).mutate();//如果不调用mutate方法，则原图也会被改变，因为调用的资源是同一个，所有对象是共享状态的。
  Drawable drawTest = getResources().getDrawable(R.drawable.pic);
  Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic);
  PicWidth = drawable.getIntrinsicWidth();
  PicHeight = drawable.getIntrinsicHeight(); 

  drawTest.setBounds(posX, (2 * posY) + PicHeight, posX + PicWidth, (2 * posY) + 2 * PicHeight );
  drawable.setBounds(posX,posY,posX+PicWidth,posY+PicHeight);
  dbe.setBounds(0, 0, PicWidth, PicHeight); 

  canvas.drawColor(Color.WHITE);//设置画布颜色
  canvas.save(Canvas.MATRIX_SAVE_FLAG);
  dbe.setColorFilter(0x7f000000,PorterDuff.Mode.SRC_IN);
  canvas.translate(posX + (int)(0.9 * PicWidth/2), posY + PicHeight/2);//图像平移为了刚好在原图后形成影子效果。
  canvas.skew(-0.9F, 0.0F);//图像倾斜效果。
  canvas.scale(1.0f, 0.5f);//图像（其实是画布）缩放，Y方向缩小为1/2。
  dbe.draw(canvas);//此处为画原图像影子效果图，比原图先画，则会在下层。
  drawable.clearColorFilter();
  canvas.restore(); 

  canvas.save(Canvas.MATRIX_SAVE_FLAG);
  drawable.draw(canvas);//此处为画原图像，由于canvas有层次效果，因此会盖在影子之上。
  canvas.restore(); 

  //默认无效果原图
  canvas.save(Canvas.MATRIX_SAVE_FLAG);
  drawTest.draw(canvas);
  canvas.restore(); 

  //图片阴影效果
  Rect rect = new Rect(2*posX + PicWidth + 3, 2*posY + PicHeight + 3, 2*posX + 2*PicWidth - 2, 2*posY + 2*PicHeight - 2);
  //由于图片的实际尺寸比显示出来的图像要大一些，因此需要适当更改下大小，以达到较好的效果  

  RectF rectF = new RectF(rect);
  canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基础上，画成圆角矩形，同时带有阴影层。
  canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHeight, null);//画上原图。
  canvas.restore();
  }
 }
}

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android中ImageView.src设置图片拉伸、填满控件的方法

问题 ImageView.src设置图片资源,图片不拉伸了,却有空隙部分: <LinearLayout android:id="@+id/linearLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView andro
浅谈Android获取ImageView上的图片,和一个有可能遇到的问题

1.在获取图片前先调用setDrawingCacheEnabled(true)这个方法: 举例:mImageView.setDrawingCacheEnabled(true); 2.之后可以通过getDrawingCache()获取图片举例:Bitmap obmp = Bitmap.createBitmap(mImageView.getDrawingCache()); //获取到Bitmap的图片 3.获取完图片后记得调用setDrawingCacheEnabled(false) 举例:mI
Android ImageView 不显示JPEG图片的问题解决

Android ImageView 不显示JPEG图片今天在写一个小实例,ImageView在xml里面设置的是INVISIBLE,在代码里需要设置成setVisibility(View.VISIBLE),但图片没有显示出来,换成PNG或其它的JPEG格式的图片确可以正常的显示. 原因:显示的图片大小为5.39K,图片格式有损坏,所以不能正常显示. 解决:换一张图片,或重新生成JPEG图片. 如果还是不能正常显示,建议在设置完VISIBLE后,调用如下方法: iv.setVisibility(
Android 自定义imageview实现图片缩放实例详解

Android 自定义imageview实现图片缩放实例详解觉得这个自定义的imageview很好用性能不错所以拿出来分享给大家因为不会做gif图所以项目效果就不好贴出来了把代码贴出来 1.项目结构图 2.Compat.class package com.suo.image; import android.os.Build.VERSION; import android.os.Build.VERSION_CODES; import android.view.View; pu
Android中ImageView实现选择本地图片并显示功能

运行结果: 模拟器图库就三张没办法~画质挺感人~ 一个隐式意图布局文件: <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=&qu
Android自定义控件之圆形、圆角ImageView

一.问题在哪里? 问题来源于app开发中一个很常见的场景--用户头像要展示成圆的: 二.怎么搞? 机智的我,第一想法就是,切一张中间圆形透明.四周与底色相同.尺寸与头像相同的蒙板图片,盖在头像上不就完事了嘛,哈哈哈! 在背景纯色的前提下,这的确能简单解决问题,但是如果背景没有这么简单呢? 在这种不规则背景下,有两个问题: 1).背景图常常是适应手机宽度缩放,而头像的尺寸又是固定宽高DP的,所以固定的蒙板图片是没法保证在不同机型上都和背景图案吻合的. 2).在这种非纯色背景下,哪天想调整一下头像
Android ImageView 固定宽高比例的实现方法

Android ImageView 固定宽高比例的实现方法本文主要介绍 ImageView 固定宽高比例, 方法一:设置 adjustViewBounds="true", 方法二:使用 Universal-Image-Loader 图片缓存类,需要注意的是方法二和方法一同时使用导致设置无效. 方法一:设置 adjustViewBounds="true" <ImageView android:id="@+id/img_banner" and
Android实现ImageView阴影和图层效果

本文实例为大家分享了ImageView阴影和图层效果的实现代码,供大家参考,具体内容如下 import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import and
Android基于ImageView绘制的开关按钮效果示例

本文实例讲述了Android基于ImageView绘制的开关按钮效果.分享给大家供大家参考,具体如下: 今天弄了一下用图片绘制开关按钮. 效果图: 还有我两张start图片和stop图片就是上面的图片,到时候大家可以按照自己的图片调用.. Main.xml文件在xml进入这段代码就ok了. <ImageView Android:id="@+id/start" android:layout_width="150.px" android:layout_heigh
Android编程实现ImageView图片抛物线动画效果的方法

本文实例讲述了Android编程实现ImageView图片抛物线动画效果的方法.分享给大家供大家参考,具体如下: 想实现抛物线动画,必须知道抛物线的方程,这时候数学其作用了,假如有如图的抛物线: 按照抛物线的方程特别,知道任何的三点可以确定一条抛物线,由已知抛物线的标注方程为 y = ax² + bx + c:假设A1坐标为(0,0),A2坐标为(300,0),A3坐标为(150,300):联合解方程得知该抛物线的方程为 y = -1/75 x² + 4x:由此方程,我们可以确定抛物线x和y的
Android使用ImageView实现支持手势缩放效果

TouchImageView继承自ImageView具有ImageView的所有功能:除此之外,还有缩放.拖拽.双击放大等功能,支持viewpager和scaletype,并伴有动画效果. sharedConstructing private void sharedConstructing(Context context) { super.setClickable(true); this.context = context; mScaleDetector = new ScaleGestureDe
Android自定义ImageView实现点击两张图片切换效果

笔者在做一个项目中遇到的一个小阻碍,于是就实现了这个ImageView达到开发需求情景需求 > 点击实现图片的切换可能有人会说了,这还不简单?为ImageView设置点击事件,然后通过重写的onClick(View v)方法判断定义的某一个flag进行图片的切换,伪代码如下: private boolean flag; public void onClick(View v){ if(flag){ mImageView.setImageResource(R.drawable.xx1); }el
android shape实现阴影或模糊边效果

1.实现阴影或模糊边效果方式: 2.通过shape来实现,具体是通过layer-list 多层叠放的方式实现的 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  <item> <shape androi
Android图像视图ImageView实现图像拉伸效果

本文实例为大家分享了Android图像视图ImageView实现图像拉伸效果的具体代码,供大家参考,具体内容如下在layout调整属性src指定图形来源.Activity中setScaleType设置图形的拉伸类型. MainActivity package com.example.junior; import android.os.Bundle; import androidx.appcompat.app.AppCompatActivity; import android.view.View
Android使用自定义ImageView实现圆形图片效果

android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap,然后进行裁剪圆形的bitmap,然后在onDraw()进行绘制圆形图片输出. 效果图如下: 自定义的圆形的ImageView类的实现代码如下: package com.xc.xcskin.view; import android.content.Context; import android.grap
Android自定义控件eBook实现翻书效果实例详解

本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class Book extend
Android UI实现SlidingMenu侧滑菜单效果

本篇博客给大家分享一个效果比较好的侧滑菜单的Demo,实现点击左边菜单切换Fragment. 效果如下: 主Activity代码: package com.infzm.slidingmenu.demo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.View; import android.view.View.OnClickListener; import android

Android实现ImageView阴影和图层效果

相关推荐

随机推荐