閱讀942 返回首頁    go 阿裏雲 go 技術社區[雲棲]

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="https://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;
            }
        });
        
       
    }

最後更新：2017-04-02 15:28:25

  上一篇：go POJ1830高消
  下一篇：go oracle中的程序包