layer-list实现图层叠加的效果

layer-list是用来实现多个图层的重叠显示,每个item即为一个图层,最后一个item显示在最上层。

例如实现下面的效果:

           +                    =           
第一个图片为第一个item,第二个图片为第二个item,由于要使得第二种图片处在第一个图片的中央,通过使用第二个图片的四周距离即可实现此效果。

下面是源代码:


    
    

如果想要在代码中实现此效果:
((ImageView) findViewById(R.id.layerdss1))
    .setImageDrawable(getResources().getDrawable(
      R.drawable.drawagble_layer));

  Resources r = getResources();
  Drawable[] layers = new Drawable[2];
  layers[0] = r.getDrawable(R.drawable.white);
  layers[1] = r.getDrawable(R.drawable.drawagble_layer);
  LayerDrawable layerDrawable = new LayerDrawable(layers);
  ((ImageView) findViewById(R.id.layerdss))
    .setImageDrawable(layerDrawable);

  Bitmap bm = BitmapFactory
    .decodeResource(getResources(), R.drawable.cwj);
  Drawable[] array = new Drawable[3];
  array[0] = new PaintDrawable(Color.BLACK); // 黑色
  array[1] = new PaintDrawable(Color.WHITE); // 白色
  array[2] = new BitmapDrawable(bm); // 位图资源
  LayerDrawable ld = new LayerDrawable(array); // 参数为上面的Drawable数组
  ld.setLayerInset(1, 1, 1, 1, 1); // 第一个参数1代表数组的第二个元素,为白色
  ld.setLayerInset(2, 2, 2, 2, 2); // 第一个参数2代表数组的第三个元素,为位图资源
  ((ImageView) findViewById(R.id.testimage)).setImageDrawable(ld);
不只是图片的叠加像是圆角效果,点击效果等都可以进行叠加,例如想要实现一个文本框底部没有边线上边有两个圆角的效果,就可以先一个item圆角黑色边框矩形,第二个边框使用相同的圆角的白色矩形边框然后再设置top,right,left边距则就可以获得想要的效果。

  



    
        
            

            

            
        
    
    
        
            

            

            
        
    




你可能感兴趣的:(layer-list实现图层叠加的效果)