shape和selector和layer-list的详细说明

<shape>和<selector>在Android UI设计中经常用到,例如:通过xml文件实现自定义的圆角镂空按钮,以及点击效果中就要用到<shape>和<selector>去美化控件。

1.Shape:xml中定义的几何形状,文件中的位置为:res/drawable/文件名称.xml

使用方法:

Java代码中:R.drawable.文件名称

XML中:Android:background="@drawable/文件名称"

属性:

<shape>  Android:shape=["rectangle" | "oval" | "line" | "ring"]        其中rectagle矩形,oval椭圆,line水平直线,ring环形

        <shape>中子节点的常用属性:

        <gradient>  渐变

Android:startColor  起始颜色

Android:endColor  结束颜色            

Android:angle  渐变角度,0从左到右,90表示从下到上,数值为45的整数倍,默认为0;

Android:type  渐变的样式 liner线性渐变 radial环形渐变 sweep

        <solid >  填充

Android:color  填充的颜色

        <stroke >描边

Android:width 描边的宽度

Android:color 描边的颜色

Android:dashWidth 表示‘-‘横线的宽度

Android:dashGap 表示‘-‘横线之间的距离

        <corners >圆角

Android:radius  圆角的半径 值越大角越圆

Android:topRightRadius  右上圆角半径

Android:bottomLeftRadius 右下圆角角半径

Android:topLeftRadius 左上圆角半径

Android:bottomRightRadius 左下圆角半径

        <padding >填充

android:bottom="1.0dip" 底部填充

android:left="1.0dip" 左边填充

android:right="1.0dip" 右边填充

android:top="0.0dip" 上面填充

2.Selector:

根据不同的选定状态来定义不同的显示效果,分为四大属性:

android:state_selected 是选中

android:state_focused 是获得焦点

android:state_pressed 是点击

android:state_enabled 是设置是否响应事件,指所有事件

    另:

        android:state_window_focused 默认时的背景图片

引用位置:res/drawable/文件的名称.xml

使用方法:

Java代码中:R.drawable.文件名称

XML中:Android:background="@drawable/文件名称"

<?xml version="1.0" encoding="utf-8" ?>     
        <selector xmlns:Android="http://schemas.android.com/apk/res/android">   
        <!-- 默认时的背景图片-->    
        <item Android:drawable="@drawable/pic1" />      
        <!-- 没有焦点时的背景图片 -->    
        <item
           Android:state_window_focused="false"      
           android:drawable="@drawable/pic_blue"
           />     
        <!-- 非触摸模式下获得焦点并单击时的背景图片 -->    
        <item
           Android:state_focused="true"
           android:state_pressed="true"   
           android:drawable= "@drawable/pic_red"
           />   
        <!-- 触摸模式下单击时的背景图片-->    
        <item
           Android:state_focused="false"
           Android:state_pressed="true"   
           Android:drawable="@drawable/pic_pink"
           />    
        <!--选中时的图片背景-->    
        <item
           Android:state_selected="true"
           android:drawable="@drawable/pic_orange"
           />     
        <!--获得焦点时的图片背景-->    
        <item
           Android:state_focused="true"
           Android:drawable="@drawable/pic_green"
           />     
        </selector>

3.layer-list:将多个图片或上面两种效果按照顺序层叠起来。

例子:

<?xml version="1.0" encoding="utf-8"?>
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
            <item>
              <bitmap android:src="@drawable/android_red"
                android:gravity="center" />
            </item>
            <item android:top="10dp" android:left="10dp">
              <bitmap android:src="@drawable/android_green"
                android:gravity="center" />
            </item>
            <item android:top="20dp" android:left="20dp">
              <bitmap android:src="@drawable/android_blue"
               android:gravity="center" />
            </item>
        </layer-list>

<ImageView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:src="@drawable/layers" />

效果图:

转载:http://blog.csdn.net/brokge/article/details/9713041

   

时间: 2024-10-04 07:43:18

shape和selector和layer-list的详细说明的相关文章

Android开发:shape和selector和layer-list的(详细说明)

shape和selector是Android UI设计中经常用到的,比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到shape和selector.可以这样说,shape和selector在美化控件中的作用是至关重要的. 1.Shape 简介 作用:XML中定义的几何形状 位置:res/drawable/文件的名称.xml 使用的方法: Java代码中:R.drawable.文件的名称 XML中:Android:background="@drawable/文件的名称&

关于shape和selector和layer-list的drawable详细说明

在Android开发中,但凡涉及控件的的特效问题,<shape>,<selector>以及<layer-list>都是不可或缺的drawable.但是发现有同事并不了解或系统的记得一些常用的特性,经常是不知道就搜,用完又忘了……今天特意总结一下这几个. <shape> —— 用于设置控件的自身属性的效果形状,这些效果不会因为状态的改变而改变,比如圆形,圆角,边框效果等等. <selector> —— 顾名思义就是选择器,所以使用Selector设

【转】Android开发:shape和selector和layer-list的(详细说明)

<shape>和<selector>在Android UI设计中经常用到.比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到<shape>和<selector>.可以这样说,<shape>和<selector>在美化控件中的作用是至关重要. 在看这篇文章之前,可以看下这个小例子:镂空按钮的实现 1.Shape 简介 作用:XML中定义的几何形状 位置:res/drawable/文件的名称.xml 使用的方法

android 开发:shape和selector和layer-list的(详细说明)

目录(?)[+] Shape 简介 使用的方法 属性 Selector 简介 使用的方法 layer-list 简介 例子 最后 <shape>和<selector>在Android UI设计中经常用到.比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到<shape>和<selector>. 可以这样说,<shape>和<selector>在美化控件中的作用是至关重要. 在看这篇文章之前,可以看下这个小例子

Android shape和selector完全总结

shape和selector嵌套版 <?xml version="1.0" encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android"> <!-- 非触摸模式下获得焦点并单击时的背景图片 --><item android:state_focused="true" androi

代码设置Shape和Selector

开发中经常需要使用Shape和Selector,如果每个都用xml设置的话,会占用apk大小,同时命名多了也会混乱,使用代码来设置会方便很多. 需要用到2个类:GradientDrawable和StateListDrawable 相关API: setColor(rgb); //填充颜色setGradientType(GradientDrawable.RECTANGLE); //shape矩形setCornerRadius(radius); //四周圆角半径setStroke(1,strokenC

【Android进阶学习】shape和selector的结合使用(转)

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://liangruijun.blog.51cto.com/3061169/732310 shape和selector是Android UI设计中经常用到的,比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到shape和selector.可以这样说,shape和selector在美化控件中的作用是至关重要的. 1.Shape 简介 作用:XML中定义的几何形

android使用shape做selector按钮按下和弹起的动画

平时效果: 按下效果: selector代码: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"><shape> <solid andro

Android开发教程:shape和selector的结合使用

shape和selector是Android UI设计中经常用到的,比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到shape和selector.可以这样说,shape和selector在美化控件中的作用是至关重要的. 1.Shape 简介 作用:XML中定义的几何形状 位置:res/drawable/文件的名称.xml 使用的方法: Java代码中:R.drawable.文件的名称 XML中:Android:background="@drawable/文件的名称&