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

來源:互聯網
上載者:User





使用到的布局檔案

[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的專欄

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.