View可以投下的陰影,一個View的elevation值決定了它的陰影的大小和繪製的順序。可以設定一個視圖的elevation,在布局中使用屬性:android:elevation
<TextView android:id="@+id/my_textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/next" android:background="@color/white" android:elevation="5dp" />
新的translationz屬性使您能夠建立一個反映了暫時的elevation變化的動畫。elevation的變化可在響應觸摸手勢時可能是有用的。
每個View的elevation值,相當於z屬性,它決定了陰影的大小:z越大,陰影越大。
Views僅僅在z=0的平面上才會投影;它們不會投影在放置在它們下面和上面的的其他Views上。
使用較高z值的Views會阻隔使用較低z值的Views。
然而,一個View的Z值不會影響View的大小。
elevation有利於建立 在組件需要臨時上升到View的平面之上做一些操作時 的動畫。
更多關於elevation的介紹,詳見http://www.google.com/design/spec/what-is-material/elevation-shadows.html
Assign Elevation to Your Views 在Views中指定Elevation
Z值包含兩個成分:elevation和translation。elevation是一個靜態成分,translation使用了動畫:Z = elevation + translationZ
在layout中設定elevation,使用android:elevation屬性。在代碼中設定,使用View.setElevation()方法。
設定一個View的translation,使用View.setTranslationZ()方法。
ViewPropertyAnimator.z()和ViewPropertyAnimator.translationZ() 能使你更輕易的推動Views的elevation。
您還可以使用一個StateListAnimator指定這些動畫聲明的方式。在狀態改變觸發動畫的情況下,這是特別有用的,比如當使用者按下一個按鈕時。
Customize View Shadows and Outlines 自訂View的陰影和輪廓
View的背影圖片的邊界確定了陰影的預設圖形。輪廓代表一個繪圖物件的外部形狀和定義的用於觸摸反饋的波紋地區。
參考:
<TextView android:id="@+id/myview" ... android:elevation="2dp" android:background="@drawable/myrect" />
背景圖片可以定義成一個圓角的矩形
<!-- res/drawable/myrect.xml --><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#42000000" /> <corners android:radius="5dp" /></shape>
因為背景圖片定義了View的輪廓(outline),所以View會投放一個使用了圓角的陰影。提供一個自訂的輪廓重寫View的預設陰影圖形。
自訂輪廓在代碼中:
- 繼承自ViewOutlineProvider
- 重寫getOutline()
- 使用View.setOutlineProvider(),指派新的輪廓
使用Outline類的一些方法,建立圓角矩形和橢圓的輪廓。預設的outline provider 包含了View的背影輪廓。阻止一個View的投影,可以設定View的ouline provider 為null。
Clip Views 裁剪
剪裁視圖使您能夠輕鬆地更改視圖的形狀。你可以統一裁剪成使用了其他設計項目,或在響應使用者輸入時改變View的形狀。可以裁剪View的外部輪廓地區,使用View.setClipToOutline()或者android:clipToOutline屬性。只有矩形、圓形、圓角矩形支援輪廓的裁剪,由Outline.canClip()方法來確定。
當要裁剪成一個圖片的形狀時,需要設定該圖片為View的背景,並調用View.setClipToOutline()。
裁剪是一個奢侈的操作,不要使用動態圖形來裁剪。為了實現這種效果,可以使用動畫來展現。