當前位置：首頁 > 运维知识 > Android >内容正文

Android

Android开发：shape和selector和layer-list的（详细说明）

發布時間：2024/4/17 Android 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 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> ?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/文件的名稱" [html]?view plaincopy

<?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? ?

簡介：
將多個圖片或上面兩種效果按照順序層疊起來

例子：

[html]?view plaincopy

<?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>???

??

效果圖：

以上三個標簽可以揉合到一塊兒來使用，所要實現的效果就是上面三種簡介的說明，比如下面這個例子：

[html]?view plaincopy

<selector?xmlns:android="http://schemas.android.com/apk/res/android">??

????<item?android:state_pressed="true"><layer-list>??

????????????<item?android:bottom="8.0dip"><shape>??

????????????????????<solid?android:color="#ffaaaaaa"?/>??