android 開發之 - 仿iOS searchBar 右邊刪除按鈕

標籤：android   style   blog   io   ar   color   os   sp   for   

android 沒有像ios searchBar , 只能自己寫了。

 

需要一張.9作為背景 , EditText 作為搜尋方塊，一張刪除圖片，一張搜尋圖片 （放大鏡）

<RelativeLayout        android:id="@+id/rlSearchFrameDelete"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:gravity="center_vertical" >        <EditText            android:id="@+id/etSearch"            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:layout_marginRight="10dp"            android:background="@drawable/search_frame"            android:hint="搜尋"            android:paddingLeft="32dp"            android:singleLine="true"            android:textSize="12sp" />        <ImageView            android:id="@+id/ivDeleteText"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerInParent="true"            android:paddingRight="20dp"            android:src="@drawable/delete"            android:visibility="gone" />    </RelativeLayout>

 

 

//監聽輸入框，出現刪除按鈕。

etSearch.addTextChangedListener(new TextWatcher() {            public void onTextChanged(CharSequence s, int start, int before,                    int count) {                // TODO Auto-generated method stub            }            public void beforeTextChanged(CharSequence s, int start, int count,                    int after) {                // TODO Auto-generated method stub            }            public void afterTextChanged(Editable s) {                if (s.length() == 0) {                    ivDeleteText.setVisibility(View.GONE);                } else {                    ivDeleteText.setVisibility(View.VISIBLE);                }            }        });

//刪除按鈕點擊事件

ivDeleteText.setOnClickListener(new OnClickListener() {            public void onClick(View v) {                etSearch.setText("");            }        });

 

android 開發之 - 仿iOS searchBar 右邊刪除按鈕