ANDROID布局實現圓角邊框

來源:互聯網
上載者:User

標籤:右上方   container   XML   cells   containe   drawable   cin   radius   lock   

 

首先,在res下面建立一個檔案夾drawable,在drawable下面建立三個xml檔案:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分別是下面兩個角是圓角邊框,上面兩個角是圓角邊框,四個角全部是圓角邊框。

shape_corner_down.xml:

1234567 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid android:color="#0099CC" />    <corners android:bottomRightRadius="20dp"         android:bottomLeftRadius="20dp"/>    <stroke android:width="1dp" android:color="#000000"/></shape>

shape_corner_up.xml:

1234567 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid android:color="#CCCC99" />       <corners android:topLeftRadius="20dp"         android:topRightRadius="20dp"  />    <stroke android:width="1dp" android:color="#000000" /></shape>

shape_corner.xml:

123456789 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid android:color="#99CCFF" />       <corners android:topLeftRadius="20dp"        android:topRightRadius="20dp"         android:bottomRightRadius="20dp"         android:bottomLeftRadius="20dp"/>    <stroke android:width="1dp" android:color="#000000" /></shape>

<solid android:color>設定了背景顏色。android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分別是左上方、右上方、左下角、右下角的半徑值,設定了半徑值,相應的角就是圓角,半徑值越大,圓角就越大。<stroke>設定邊界屬性,如邊界的寬度、顏色等。

在activity_main.xml上面放置三個LinearLayout,分別設定android:background屬性為shape_corner_up.xml、shape_corner_down.xml和shape_corner.xml,運行結果如下:

 

ANDROID布局實現圓角邊框

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.