返回顶部
首页 > 资讯 > 移动开发 >Android实现ImageView阴影和图层效果
  • 682
分享到

Android实现ImageView阴影和图层效果

Android 2022-06-06 04:06:47 682人浏览 独家记忆
摘要

本文实例为大家分享了ImageView阴影和图层效果的实现代码,供大家参考,具体内容如下 import Android.app.Activity; import andro

本文实例为大家分享了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 { 
  
 @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自定义控件之圆形、圆角ImageViewAndroid实现ImageView图片缩放和拖动Android实现圆角矩形和圆形ImageView的方式Android实现可播放GIF动画的ImageViewAndroid使用CircleImageView实现圆形头像的方法Android实现ImageView图片双击放大及缩小Android布局自定义Shap圆形ImageView可以单独设置背景与图片Android长按imageview把图片保存到本地的实例代码


--结束END--

本文标题: Android实现ImageView阴影和图层效果

本文链接: https://lsjlt.com/news/22359.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android实现ImageView阴影和图层效果
    本文实例为大家分享了ImageView阴影和图层效果的实现代码,供大家参考,具体内容如下 import android.app.Activity; import andro...
    99+
    2022-06-06
    Android
  • CSS3中如何实现图层阴影和文字阴影效果
    这篇文章给大家分享的是有关CSS3中如何实现图层阴影和文字阴影效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。box-shadow图层阴影box-shadow:阴影类型 X水平...
    99+
    2024-04-02
  • 在Android项目中使用ImageView实现一个阴影效果
    在Android项目中使用ImageView实现一个阴影效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。具体内容如下import android.app.Ac...
    99+
    2023-05-31
    imageview android age
  • Android实现图片阴影效果的方法
    本文实例介绍了Android实现图片阴影效果,设置画布颜色,图像倾斜效果,图片阴影效果的方法,采用canvas.save(Canvas.MATRIX_SAVE_FLAG);来实...
    99+
    2022-06-06
    方法 图片 Android
  • Android怎么实现阴影效果
    这篇文章主要介绍了Android怎么实现阴影效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Android怎么实现阴影效果文章都会有所收获,下面我们一起来看看吧。实现形式elevationMaterial D...
    99+
    2023-07-02
  • Android自定义ImageView实现在图片上添加图层效果
    首先我们先看下效果图 实现思路 这是两张前后对比图,右边第二张图里面的已抢光标签图片当已经没有商品的时候就会显示了,在每个图片的中心位置,第一想法是在ImageView的外层...
    99+
    2022-06-06
    图片 Android
  • 详解Android如何实现阴影效果
    目录实现形式elevationCardView属性shadow属性layer配置文件自定义实现小结实现形式 elevation Material Design提供了View的阴影效果...
    99+
    2024-04-02
  • css3怎么实现图片阴影效果
    这篇文章主要讲解了“css3怎么实现图片阴影效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3怎么实现图片阴影效果”吧!css3实现阴影属性有:1、...
    99+
    2024-04-02
  • CSS3中怎么实现曲线阴影和翘边阴影效果
    CSS3中怎么实现曲线阴影和翘边阴影效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。index.html<!DOCTYPE&nbs...
    99+
    2024-04-02
  • Android图像视图ImageView实现图像拉伸效果
    本文实例为大家分享了Android图像视图ImageView实现图像拉伸效果的具体代码,供大家参考,具体内容如下 在layout调整属性src指定图形来源。Activity中setS...
    99+
    2024-04-02
  • css3怎么实现阴影效果
    小编给大家分享一下css3怎么实现阴影效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 在css中...
    99+
    2024-04-02
  • css如何实现阴影效果
    这篇文章主要介绍了css如何实现阴影效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css的三种引入方式1.行内样式,最直接最简单的一种,直接对HTML标签使用style=...
    99+
    2023-06-14
  • CSS怎么实现阴影效果
    这篇文章给大家分享的是有关CSS怎么实现阴影效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。box-shadow:用来添加阴影。它有四个属性:横坐标偏移量(相对于元素的左上角定点);纵坐标偏移量(相对于元素的左...
    99+
    2023-06-27
  • css阴影效果怎么实现
    这篇文章主要介绍“css阴影效果怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css阴影效果怎么实现”文章能帮助大家解决问题。box-shadow属性可以设置一个或多个下拉阴影的框。CSS3...
    99+
    2023-07-04
  • Android中TextView和ImageView实现倾斜效果
    TextView倾斜:想做一个倾斜的TextView,想海报上显示的那样 ,在网上找例子一直不能实现,看了看TextView源码,发现很简单,为方便像我一样糊涂的孩纸,贴出来了.首先需要先自定义一个TextViewpublic class ...
    99+
    2023-05-30
    textview imageview 倾斜
  • cssz2box-shadow实现曲边阴影与翘边阴影效果
    小编给大家分享一下cssz2box-shadow实现曲边阴影与翘边阴影效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、曲边...
    99+
    2024-04-02
  • css怎么实现曲边阴影与翘边阴影效果
    本篇内容主要讲解“css怎么实现曲边阴影与翘边阴影效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css怎么实现曲边阴影与翘边阴影效果”吧!一、曲边阴影效果图如下:它不仅是四周有阴影,下部还有...
    99+
    2023-07-04
  • css3怎么实现图片的简单阴影效果
    这篇文章将为大家详细讲解有关css3怎么实现图片的简单阴影效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   使用css3实现图片的阴影效果的原理   一个图形需...
    99+
    2024-04-02
  • OpenGL Shader实现阴影遮罩效果
    目录smoothstep另一种用法遮罩效果实现效果扩展smoothstep另一种用法 在之前OpenGL Shader-抗锯齿实现文章中所介绍的那样:为了抗锯齿效果可以用smooth...
    99+
    2024-04-02
  • 怎么用CSS3实现阴影效果
    这篇文章主要讲解了“怎么用CSS3实现阴影效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用CSS3实现阴影效果”吧!  &nbs...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作