Android自定义ImageView实现在图片上添加图层效果

 更新时间:2016年11月13日 14:30:53   作者:_小马快跑_  
这篇文章给大家主要介绍了利用Android自定义ImageView如何实现在图片上添加图层的效果,实现的效果类似在图片增加秒杀、抢光等标签图片,对大家开发的时候具有一定的参考借鉴价值,有需要的朋友们下面来一起学习学习吧。

首先我们先看下效果图

实现思路

这是两张前后对比图,右边第二张图里面的已抢光标签图片当已经没有商品的时候就会显示了,在每个图片的中心位置,第一想法是在ImageView的外层再套一层RelativeLayout

实现方法

<RelativeLayout  
 android:layout_width="match_parent" 
 android:layout_height="wrap_content"> 
<SelectableRoundedImageView    
 android:id="@+id/imageView"    
 style="@style/margin_distance"    
 android:layout_width="match_parent"    
 android:layout_height="0dp"    
 android:layout_weight="1"    
 android:background="@drawable/youxuan_bg_shape_normol"    
 android:contentDescription="@string/app_name"    
 android:padding="1dp"    
 android:scaleType="centerCrop" />  
<ImageView    
 android:id="@+id/iv_empty_pic"    
 android:layout_width="wrap_content"    
 android:layout_height="wrap_content"    
 android:layout_centerInParent="true" />
</RelativeLayout>

这样当然是可以的,然而如果XML布局本身就很复杂,用这样的写法又给View Tree加了一层,不够优雅,下面介绍另一种实现方式:自定义View

public class CenterImage extends ImageView {  
private Paint paint;  
private boolean isCenterImgShow;  
private Bitmap bitmap;  
public void setCenterImgShow(boolean centerImgShow) {    
  isCenterImgShow = centerImgShow;    
  if (isCenterImgShow) {      
  bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);      
  invalidate();    
  }  
 }  
 public CenterImage(Context context) {    
  super(context);    
  init();  
 }  
public CenterImage(Context context, AttributeSet attrs) {    
  super(context, attrs);    
  init();  
 }  
public CenterImage(Context context, AttributeSet attrs, int defStyleAttr) {    
  super(context, attrs, defStyleAttr);    
  init();  
 }  
private void init() {    
  paint = new Paint();  
 }  
@Override  
protected void onDraw(Canvas canvas) {    
 super.onDraw(canvas);    
 if (isCenterImgShow && bitmap != null) {      
 canvas.drawBitmap(bitmap, getMeasuredWidth() / 2 - bitmap.getWidth() / 2, getMeasuredHeight() / 2 - bitmap.getHeight() / 2, paint);    
 }  
 }
}

XML中:

<com.henanjianye.soon.communityo2o.view.CenterImage   
  android:id="@+id/goodsImage"   
  android:layout_width="match_parent"  
  android:layout_height="100dp"  
  android:layout_alignParentEnd="true"  
  android:layout_alignParentRight="true"  
  android:contentDescription="@string/app_name"  
  android:scaleType="centerCrop"  
  android:src="@mipmap/yijia_default_bg" />

代码中拿到CenterImage的对象:

CenterImage mGoodsImg =(CenterImage)findViewById(R.id.GoodsImage);
mGoodsImg.setCenterImgShow(true);

setCenterImgShow()里的invalidate()方法被调用后,CenterImage的onDraw()方法会重新被调用并重新绘制,这样就可以愉快地在ImageView的上面新加一个图层。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

相关文章

  • Android 5.0 实现水波扩散效果

    Android 5.0 实现水波扩散效果

    这篇文章主要为大家详细介绍了Android 5.0 实现水波扩散效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android MenuItem 自定义长按事件的实现

    Android MenuItem 自定义长按事件的实现

    这篇文章主要介绍了Android MenuItem 自定义长按事件的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Android控件之菜单的创建方式

    Android控件之菜单的创建方式

    本文给大家分享android控件菜单的两种创建方式,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-09-09
  • Android 逆向学习详解及实例

    Android 逆向学习详解及实例

    本文主要介绍Android 逆向学习,这里整理逆向学习的思路及学习要点,并附示例代码,帮助大家学习理解,有需要的小伙伴可以参考下
    2016-09-09
  • Flutter实现密码强度校验结果的示例详解

    Flutter实现密码强度校验结果的示例详解

    我们经常在一些网站上看到这样的密码强度指示,使用三段线,分别用不同的颜色来表示弱密码、中等强度密码和强密码,本篇我们就用 Flutter 来实现这样一个密码强度校验示例,希望对大家有所帮助
    2023-08-08
  • Android 中TabLayout自定义选择背景滑块的实例代码

    Android 中TabLayout自定义选择背景滑块的实例代码

    TabLayout是Android 的Material Design包中的一个控件,可以和V4包中的ViewPager搭配产生一个联动的效果。接下来通过本文给大家分享TabLayout自定义选择背景滑块的实例代码,感兴趣的朋友一起学习吧
    2016-10-10
  • Popupwindow 的简单实用案例(显示在控件下方)

    Popupwindow 的简单实用案例(显示在控件下方)

    下面小编就为大家带来一篇Popupwindow 的简单实用案例(显示在控件下方)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 详解Android官方架构中UseCase

    详解Android官方架构中UseCase

    这篇文章主要为大家介绍了Android 官方架构中的 UseCase 该怎么写示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Android实战打飞机游戏之子弹生成与碰撞以及爆炸效果(5)

    Android实战打飞机游戏之子弹生成与碰撞以及爆炸效果(5)

    这篇文章主要为大家详细介绍了Android实战打飞机游戏之子弹生成与碰撞以及爆炸效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android植物大战僵尸小游戏

    Android植物大战僵尸小游戏

    植物大战僵尸小游戏,无论老少皆爱,非常有意思,具有挑战性,那么基于代码是怎么实现的呢?下面通过本文给大家介绍Android植物大战僵尸小游戏,感兴趣的朋友一起学习吧
    2015-12-12

最新评论