Android 之 Shape (圓角輸入框)

1 簡介本文主要介紹通過 shape 來設定 EditText 的圓角。 2 shape 的設定 

shape_life_search.xml 放在 res/drawable 檔案夾內

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 角度 -->    <corners android:radius="100dp"/>    <!-- 填充色 -->    <solid android:color="#ffffff"/>    <!-- 描邊 設定線寬及顏色 -->    <stroke android:color="#cccacb"        android:width="1dp"/></shape>

3 shape 的使用 在 activity_main.xml 主布局中如此使用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:background="#f5f5f5"    tools:ignore="HardcodedText,ContentDescription" >        <!-- Head start -->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:padding="10dp"        android:background="#ff5a54">        <ImageView            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:src="@drawable/head_left" />        <TextView            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1"            android:gravity="center"            android:text="周邊生活"            android:textStyle="bold"            android:textSize="20sp"            android:textColor="@android:color/white"/>        <ImageView            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:src="@drawable/head_right" />    </LinearLayout>    <!-- Head end   -->    <!-- Search start-->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical"         android:layout_margin="10dp">        <EditText            android:id="@+id/search_edit"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:drawableLeft="@drawable/search_left"              android:background="@drawable/shape_life_search"              android:hint="請輸入商戶或地址"            android:padding="10dp"            android:textColorHint="#b7b7b7"            android:textStyle="bold"/>    </LinearLayout>    <!-- Search end  -->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical" >        <ImageView            android:layout_width="match_parent"            android:layout_height="match_parent" />    </LinearLayout></LinearLayout>

4 用到的資源 head_left.png
head_right.png
search_left.png
  5 隱藏標題列 

package com.ui;import android.app.Activity;import android.os.Bundle;import android.view.Window;public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);                //隱藏應用程式標題欄    (能看到手機通知欄)         requestWindowFeature(Window.FEATURE_NO_TITLE);                                                                                     //設定全屏            (手機通知欄也被隱藏)        //this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);                setContentView(R.layout.activity_main);    }}

6 結果預覽   在 eclipse 中預覽結果 在模擬器中的結果 





 註：轉載請註明出處 :)   畢竟代碼是一個一個敲出來的啊，O(∩_∩)O~