`

LayerDrawable层叠样式layer-list

阅读更多
layer-list可以将多个图片按照顺序层叠起来。
语法:在drawalbe/drawable-layer.xml中
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <item android:drawable="@drawable/logo_overlay" />
</layer-list>

使用方式像其他图片一样:
如在样式中引用:
<resources>
    <style name="LookupTheme" parent="@android:style/Theme.Light.NoTitleBar">
        <item name="android:windowBackground">@drawable/drawable-layer</item>
    </style>
</resources>

在java代码中引用:
((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代码中实现:
Resources resources = getResources(); 
Drawable[] layers = new Drawable[2]; 
layers[0] = r.getDrawable(R.drawable.white); 
layers[1] = r.getDrawable(R.drawable.logo_overlay); 
LayerDrawable layerDrawable = new LayerDrawable(layers)
((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable); 


举个例子:
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="#ffe9eaef" />
    </item>
    <item>
        <bitmap android:gravity="right" android:src="@drawable/arrow" android:tileMode="disabled" />
    </item>
</layer-list>

效果就是左边列表的选中效果



再举一个例子:
要用2张图片叠加起来,看上去形成一张图片



首先创建一个drawalbe/login_head.xml的文件,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
    <item android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
</layer-list>

然后就可以使用这个组合的图片了,比如在ImageView中显示:
<ImageView android:id="@+id/faceImg" android:background="@drawable/login_head"
android:layout_width="wrap_content" android:layout_height="wrap_content" />

使用java代码:
如何使多个Drawable叠加(合成图片)?
大家可能知道Bitmap的叠加处理在Android平台中可以通过Canvas一层一层的画就行了,而Drawable中如何处理呢? 除了使用BitmapDrawable的getBitmap方法将Drawable转换为Bitmap外,今天Android123给大家说下好用简单的LayerDrawable类,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代表数组的第三个元素,为位图资源  
    mImageView.setImageDrawable(ld); 


上面的方法中LayerDrawable是关键,Android开发网提示setLayerInset方法原型为public void setLayerInset (int index, int l, int t, int r, int b) 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom。对于简单的图片合成我们可以将第一和第二层的PaintDrawable换成BitmapDrawable即可实现简单的图片合成。

再来一个例子:
通过solid来定义不同边框的颜色,可以只定义一个边框的颜色
以下是设置按钮的右边框和底边框颜色为红色,边框大小为3dp,如下图:


在drawable新建一个 buttonstyle.xml的文件,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<!-- 连框颜色值 -->
<item> 
      <shape> 
            <solid android:color="#ff0000" /> 
      </shape> 
</item> 
<!-- 主体背景颜色值 -->
<item android:bottom="3dp" android:right="3dp"> 
     <shape> 
           <solid android:color="#ffffff" />
           
           <padding android:bottom="10dp"
           		android:left="10dp"
           		android:right="10dp"
           		android:top="10dp" />
     </shape>     
</item>
</layer-list>

然后在布局文件里面的Button里面设置如下:
<Button
   android:id="@+id/button1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Button1"
   android:background="@drawable/buttonstyle" />


玩转Android之Drawable的使用
http://blog.csdn.net/u012702547/article/details/51594131
  • 大小: 6.3 KB
  • 大小: 1.1 KB
  • 大小: 46.4 KB
分享到:
评论

相关推荐

    Android Layer List使用实例

    Layer List是Anroid中的一种图形的方式,它是通过叠加若干张图片的方式来形成最终的图片,最终的图片在代码中表现为一个LayerDrawable对象。在android UI 开发中会经常遇到。因此我们有发现好好学习了解它的使用方法...

    Android 使用layer-list实现微信聊天输入框功能

    layer-list&gt; 标签可是设置LayerDrawable,一种有层次的Drawable叠加效果,&lt;layer-list&gt; 可以包含多个 标签,  每个 代表一个Drawable。可以通过left、right、top、bottom设置左右上下的偏移量,可以应用一...

    Android 使用&lt;layer-list&gt;实现微信聊天输入框功能

    layer-list&gt; 标签可以设置LayerDrawable,一种有层次的Drawable叠加效果,&lt;layer-list&gt; 可以包含多个 标签。这篇文章主要介绍了Android 使用&lt;layer-list&gt;实现微信聊天输入框,需要的朋友可以参考下

    LayerDrawable

    Android的Drawable运用之----LayerDrawable

    Android LayerDrawable使用实例

    主要介绍了Android LayerDrawable使用实例,本文讲解了LayerDrawable的作用、LayerDrawable的原理、LayerDrawableLayerDrawable的使用实例等,需要的朋友可以参考下

    Android代码-SupperShape

    通过封装GradientDrawable、StateListDrawable 、LayerDrawable ...支持Layer-list How to: Step 1. Add the JitPack repository to your build file Add it in your root build.gradle at the end of repositories:

    -LayerDrawable

    -LayerDrawable

    LayerDrawableTest

    用LayerDrawable定制外观

    Android-GradientDrawable调谐器可以帮助你更直观的理解<shape>中各种属性的作用。

    Android-GradientDrawable调谐器可以帮助你更直观的理解中各种属性的作用。

    Android开发艺术探索

     6.2.3 LayerDrawable / 251  6.2.4 StateListDrawable / 253  6.2.5 LevelListDrawable / 255  6.2.6 TransitionDrawable / 256  6.2.7 InsetDrawable / 257  6.2.8 ScaleDrawable / 258  6.2.9 ...

    android图片叠加

    android图片叠加,两种方法。canvas和LayerDrawable

    Android-CircleDialog:仿IOS圆角对话框、进度条、列表框、输入框,ad广告框,支持横竖屏切换

    主要是Drawable所使用类如下:ShapeDrawable、RoundRectShape、GradientDrawable、ClipDrawable、LayerDrawable、StateListDrawable效果图引入 implementation 'com.mylhyl:circleDialog:5.3.7.1'如果版本号后面有-...

    android 一些Drawable的简单实现

    包括了BitmapDrawable,InsetDrawable,ClipDrawable,TransitionDrawable,GradientDrawable,ScaleDrawable,LevelListDrawable,StateListDrawable,layerDrawable。 里面没有什么复杂的东西,只是简单实现了这些...

    Android实例代码

    6.8、样式(Style)和主题(Theme)资源: 6.9、属性(Attribute)资源: 6.10、使用原始资源: 6.11、国际化和资源自适应: 第7章、图形与图像处理 7.1、使用简单图片:Drawable; Bitmap、BitmapFactory; 7.2、绘图...

    疯狂Android讲义(第2版)源代码 第6章~第9章

    6.8、样式(Style)和主题(Theme)资源: 6.9、属性(Attribute)资源: 6.10、使用原始资源: 6.11、国际化和资源自适应: 第7章、图形与图像处理 7.1、使用简单图片:Drawable; Bitmap、BitmapFactory; 7.2、绘图...

    Bitmap,byte[],Drawable相互转化

    1、Drawable就是一个可画的对象,其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个图层(LayerDrawable),我们根据画图的需求,创建相应的可画对象2、Canvas画布,绘图的...

    Android RippleDrawable 水波纹/涟漪效果的实现

    RippleDrawable是有层级的——LayerDrawable的特性。 (2)、xml属性 RippleDrawable在xml中对应的是 &lt;ripple&gt;&lt;/ripple&gt;,它只有两个属性——color、radius。具体可参考下图:   (3)、ripple的特性 A touch fee

    疯狂Android讲义源码

     6.4.3 LayerDrawable资源 227  6.4.4 ShapeDrawable资源 229  6.4.5 ClipDrawable资源 231  6.4.6 AnimationDrawable资源 233  6.5 使用原始XML资源 236  6.5.1 定义原始XML资源 236  6.5.2 使用原始XML文件...

Global site tag (gtag.js) - Google Analytics