shape和selector是AndroID UI设计中经常用到的,比如我们要自定义一个圆角button,点击button有些效果的变化,就要用到shape和selector。可以这样说,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 左下圆角半径
2.Selector
简介
位置: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>
先看看这个例子的结构:
selector.xml
<?xml version="1.0" enCoding="utf-8"?> <selector xmlns:androID="http://schemas.androID.com/apk/res/androID"> <item androID:state_selected="true"> <shape> <gradIEnt androID:angle="270" androID:endcolor="#99BD4C" androID:startcolor="#A5D245" /> <size androID:height="60dp" androID:wIDth="320dp" /> <corners androID:radius="8dp" /> </shape> </item> <item androID:state_pressed="true"> <shape> <gradIEnt androID:angle="270" androID:endcolor="#99BD4C" androID:startcolor="#A5D245"/> <size androID:height="60dp" androID:wIDth="320dp" /> <corners androID:radius="8dp" /> </shape> </item> <item> <shape> <gradIEnt androID:angle="270" androID:endcolor="#A8C3B0" androID:startcolor="#C6CFCE" /> <size androID:height="60dp" androID:wIDth="320dp" /> <corners androID:radius="8dp" /> </shape> </item> </selector>
List_item.xml
<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:orIEntation="horizontal" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:background="@drawable/selector" > <ImageVIEw androID:ID="@+ID/img" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_gravity="center_vertical" androID:layout_marginleft="20dp" /> <TextVIEw androID:text="data" androID:ID="@+ID/Title" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:gravity="center_vertical" androID:layout_marginleft="20dp" androID:layout_margintop="20dp" androID:textSize="14sp" androID:textStyle="bold" androID:textcolor="@color/black" > </TextVIEw> </linearLayout>
main.xml
<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:orIEntation="vertical" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:background="#253853" > <ListVIEw androID:ID="@+ID/List" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:cachecolorHint="#00000000" androID:divIDer="#2A4562" androID:divIDerHeight="3px" androID:ListSelector="#264365" androID:drawSelectorOntop="false" > </ListVIEw> </linearLayout>
colors.xml
<?xml version="1.0" enCoding="utf-8"?> <resources> <color name="white">#FFFFFFFF</color> <color name="transparency">#00000000</color> <color name="Title_bg">#1C86EE</color> <color name="end_color">#A0cfef83</color> <color name="black">#464646</color> </resources>
MainActivity.java
package com.lingdududu.customList; import java.util.ArrayList; import java.util.HashMap; import xb.customList.R; import androID.R.array; import androID.app.Activity; import androID.os.Bundle; import androID.Widget.ArrayAdapter; import androID.Widget.ListVIEw; import androID.Widget.SimpleAdapter; public class MainActivity extends Activity { ListVIEw List; String data[] = new String[]{ "China","UK","USA","Japan","German","Canada","ET","Narotu" }; /** Called when the activity is first created. */ @OverrIDe public voID onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentVIEw(R.layout.main); List =(ListVIEw) findVIEwByID(R.ID.List); SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.List_item,new String[]{"Title","img"},new int[]{R.ID.Title,R.ID.img}); List.setAdapter(adapter); } private ArrayList<HashMap<String,Object>> getData() { ArrayList<HashMap<String,Object>> dList = new ArrayList<HashMap<String,Object>>(); for(int i =0;i<data.length;i++){ HashMap<String,Object>map = new HashMap<String,Object>(); map.put("Title",data[i]); map.put("img",R.drawable.item_left2); dList.add(map); } return dList; } }
效果图:
以上就是对 AndroID shape和selector 的资料整理,有开发这块的同学可以看下。
总结以上是内存溢出为你收集整理的Android shape和selector 结合使用实例代码全部内容,希望文章能够帮你解决Android shape和selector 结合使用实例代码所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)