ImageView控件开发效果总结(边框效果,滤镜效果)

简介:

前言

     本文总结了ImageView 开发过程中,用到效果总结

1 ImageView添加圆角边框

  下面是示例效果图

实现过程说明:

Step  One  设置ImageView 带一定宽度的Padding,同时设置android:adjustViewBounds 为True

 

复制代码
 <ImageView
                                android:background="@drawable/img_on"
                                android:id="@+id/imageViewt"
                                android:adjustViewBounds="true"
                                android:padding="2dp"
                                android:layout_width="fill_parent"
                                android:layout_height="wrap_content"
                                android:src="@drawable/icon" />
复制代码

Step Two 设置 图片背景

复制代码
<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:useLevel="false">
  
   <corners
     android:radius="5dp"
    />

 <gradient
     android:startColor="#848484"
     android:centerColor="#848484"
     android:useLevel="false"
     android:type="linear"
     android:angle="90"
     android:endColor="#848484">
     
   </gradient>
   
</shape>
复制代码

 

2 设置ImageView 带有滤镜效果,下面例子是其中的变灰效果

实现过程说明:

使用设置图片对象的ColorFilter属性,把ColorMatrixColorFilter设置灰度通道,传递到ColorFilter属性中

注意两点:1 图片滤镜效果,只是在图层上面 加了一层效果,不是对图片的实际修改

              2 如果对单个图片加滤镜效果后,其他地方使用到这个图片也会变成带滤镜效果。

下面是实际实现代码

复制代码
public final float[] BT_SELECTED = new float[] {1,0,0,0,99,0,1,0,0,99,0,0,1,0,99,0,0,0,1,0};
     public final float[] BT_NOT_SELECTED = new float[]  {1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0};;
     public final static float[] BT_SELECTED1 = new float[] {         
            0.338f, 0.339f, 0.332f, 0, 0,       
            0.338f, 0.339f, 0.332f, 0, 0,  
            0.338f, 0.339f, 0.332f, 0, 0,  
            0, 0, 0, 1, 0  
        };  

@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        ImageView  ib2;
        ib1 = (ImageView) findViewById(R.id.imageViewt);
        ib2 = (ImageView) findViewById(R.id.imageView2);
  
        ib1.setOnTouchListener(new  ImageView.OnTouchListener()
        {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_DOWN) {
                
                    ib1.setImageResource(R.drawable.icon1);
                    ib1.getDrawable().setColorFilter(
                                new ColorMatrixColorFilter(BT_SELECTED));
                
                ib1.setImageDrawable(ib1.getDrawable());
                } else if (event.getAction() == MotionEvent.ACTION_UP) {
                    ib1.getDrawable().clearColorFilter();
                
                    ib1.getDrawable().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));
                    ib1.setImageResource(R.drawable.icon2);
                }
                return false;
            }
        });
        
       
    }
相关文章
|
XML 数据格式
超简单的自定义ImageView,支持圆角和直角
需求:ImageView显示的图片,上方的两个角是圆角,下方的两个角是直角。 ![需求图](https://img-blog.csdn.net/20180125151146126?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjYyODc0MzU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
QT软件开发: QGraphicsView设置无边框背景透明
QT软件开发: QGraphicsView设置无边框背景透明
586 0
QT软件开发: QGraphicsView设置无边框背景透明
如何让QComboBox控件下拉框自适应文字宽度?
如何让QComboBox控件下拉框自适应文字宽度?
909 0
|
前端开发 数据可视化
UWP Button添加圆角阴影(三)
原文:UWP Button添加圆角阴影(三) 原文:UWP Button添加圆角阴影(三) Composition DropShadow是CompositionAPI中的东西,使用Storyboard设置某个属性,就是频繁的触发put_xxx()方法,效率远远不如使用CompositionAnimation。
860 0
UWP Button添加圆角阴影(一)
原文:UWP Button添加圆角阴影(一) 原文:UWP Button添加圆角阴影(一) 众所周知,17763之前的UWP控件,大部分是没有圆角属性的;而阴影也只有17763中的ThemeShadow可以直接在xaml中使用,之前的版本只能用DropShadow,用法极其别扭。
1115 0
UWP Button添加圆角阴影(二)
原文:UWP Button添加圆角阴影(二) 原文:UWP Button添加圆角阴影(二) 阴影 对于阴影呢,WindowsCommunityToolkit中已经有封装好的DropShadowPanel啦,只要引用Microsoft.Toolkit.Uwp.UI.Controls这个Nuget包就可以使用啦。
888 0
|
图形学
控件渐变色的实现
控件渐变色的实现(一)—— CAGradientLayer实现控件渐变色的实现(二)—— Core Graphics实现
760 0
关于圆角控件
如何新建shape文件:https://jingyan.baidu.com/article/b907e62795139746e7891cb9.html 如何在空间中加入shape.
732 0
|
XML Android开发 数据格式
Android自定义ProgressBar样式:渐变圆角水平进度条
Android自定义ProgressBar样式:渐变圆角水平进度条 关键是android:progressDrawable的设置,设置一个android:progressDrawable资源,但是android:progressDrawable需要是一个layer-list。
4366 0