android使用shape使android組件呈現特殊效果

使用到的佈局文件

[java]
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"  
    android:background="#ffffff" 
    android:gravity="center_horizontal"> 
 
    <TextView 
        android:id="@+id/text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:textColor="#000000" 
        android:text="未使用效果" 
        android:layout_marginTop="30dp" 
        /> 
    <EditText 
        android:id="@+id/edit" 
        android:layout_width="280dp" 
        android:layout_height="wrap_content" 
        android:textColor="#000000" 
        android:text="未使用效果 未使用效果 未使用效果 未使用效果 未使用效果 未使用效果" 
        android:cursorVisible="true" 
         /> 
    <TextView 
        android:id="@+id/text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:textColor="#000000" 
        android:text="使用效果" 
        android:layout_marginTop="10dp" 
        /> 
    <EditText 
        android:id="@+id/edit2" 
        android:layout_width="280dp" 
        android:layout_height="wrap_content" 
        android:textColor="#000000" 
        android:text="使用效果 使用效果 使用效果 使用效果 使用效果 使用效果 使用效果  使用效果" 
        android:background="@drawable/shape" 
        android:cursorVisible="true" 
         /> 
     
 
</LinearLayout> 
使用到的shape文件

[java]
<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 
 
    <corners 
        android:radius="10dp" 
        /> 
    <gradient  
        android:startColor="#33CC00" 
        android:endColor="#666600" 
        android:angle="45" 
        /> 
    <padding 
        android:left="5dp" 
        android:top="5dp" 
        android:right="5dp" 
        android:bottom="5dp" 
        /> 
    <stroke 
        android:width="3dp" 
        android:color="#FF3300" 
        /> 
     
</shape> 

在這裡主要說一下shape文件中各項的功能

gradient主要設置背景顏色漸變。startColor為起始顏色值,endColor為結束顏色值,angle為漸變角度

padding主要設置組件裡內容距離組件內邊框的間距

stroke主要設置組件的邊框。width為邊框寬度,color為邊框顏色
 

 

摘自 Central-Perk的專欄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *