Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android布局中實現圓角邊框

Android布局中實現圓角邊框

編輯:關於Android編程

設置corners_bg.xml 設置邊框圓角可以在drawable-mdpi目錄裡定義一個xml:      [html]   <?xml version="1.0" encoding="utf-8"?>     <shape xmlns:android="http://schemas.android.com/apk/res/android">           <solid android:color="#FFFFFF" />           <corners android:topLeftRadius="10dp"                   android:topRightRadius="10dp"                    android:bottomRightRadius="10dp"                   android:bottomLeftRadius="10dp"/>       </shape>    解釋: solid的表示填充顏色,為了簡單,這裡用的是白色。    而corners則是表示圓角,注意的是這裡bottomRightRadius是左下角而不是右下角,bottomLeftRadius右下角。        上面的效果也可以像下面一樣設置,如下:     [html]   <corners android:radius="5dp" />       引用corners_bg.xml 如果想引用這個xml,只需要@drawable/corners_bg.xml即可:    [html] view plaincopy android:background="@drawable/corners_bg"      應用范例   [html]   <?xml version="1.0" encoding="utf-8"?>   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:layout_width="match_parent"       android:layout_height="match_parent"       android:background="#E1E0DE"       android:orientation="vertical" >          <TextView           android:id="@+id/textView1"           android:layout_width="match_parent"           android:layout_height="50dp"           android:background="#2B3439"           android:gravity="center"           android:text="發現"           android:textColor="#FFFFFF"           android:textSize="20sp" />          <LinearLayout           android:id="@+id/login_div"           android:layout_width="fill_parent"           android:layout_height="50dp"           android:layout_margin="10dp"           android:background="@drawable/corners_bg"           android:gravity="center_vertical"           android:padding="10dp" >              <ImageView               android:id="@+id/imageView1"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:src="@drawable/find_more_friend_photograph_icon" />              <TextView               android:id="@+id/textView2"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_marginLeft="14dp"               android:text="朋友圈"               android:textColor="#000"               android:textSize="18sp" />       </LinearLayout>          <LinearLayout           android:layout_width="fill_parent"           android:layout_height="101dp"           android:layout_margin="10dp"           android:background="@drawable/corners_bg"           android:orientation="vertical"           android:padding="10dp" >              <LinearLayout               android:layout_width="wrap_content"               android:layout_height="50dp" >                  <ImageView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:src="@drawable/find_more_friend_scan" />                  <TextView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:layout_marginLeft="14dp"                   android:text="掃一掃"                   android:textColor="#000"                   android:textSize="18sp" />           </LinearLayout>              <LinearLayout               android:layout_width="wrap_content"               android:layout_height="50dp"               android:layout_centerVertical="true" >                  <ImageView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:src="@drawable/come_from_shake" />                  <TextView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:layout_marginLeft="14dp"                   android:text="搖一搖"                   android:textColor="#000"                   android:textSize="18sp" />           </LinearLayout>       </LinearLayout>          <LinearLayout           android:layout_width="fill_parent"           android:layout_height="101dp"           android:layout_margin="10dp"           android:background="@drawable/corners_bg"           android:orientation="vertical"           android:padding="10dp" >              <LinearLayout               android:layout_width="wrap_content"               android:layout_height="50dp" >                  <ImageView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:src="@drawable/find_more_friend_near_icon" />                  <TextView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:layout_marginLeft="14dp"                   android:text="附近的人"                   android:textColor="#000"                   android:textSize="18sp" />           </LinearLayout>              <LinearLayout               android:layout_width="wrap_content"               android:layout_height="50dp"               android:layout_centerVertical="true" >                  <ImageView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:src="@drawable/come_from_bottle" />                  <TextView                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:layout_marginLeft="14dp"                   android:text="漂流瓶"                   android:textColor="#000"                   android:textSize="18sp" />           </LinearLayout>       </LinearLayout>          <LinearLayout           android:id="@+id/login_div"           android:layout_width="fill_parent"           android:layout_height="50dp"           android:layout_margin="10dp"           android:background="@drawable/corners_bg"           android:gravity="center_vertical"           android:padding="10dp" >              <ImageView               android:id="@+id/imageView1"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:src="@drawable/more_game" />              <TextView               android:id="@+id/textView2"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_marginLeft="14dp"               android:text="游戲中心"               android:textColor="#000"               android:textSize="18sp" />       </LinearLayout>      </LinearLayout>      
  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved