2011-09-29 222 views
0

我想添加一個搜索欄,以我的活動看起來應該像這樣的:創建自定義搜索欄

enter image description here

我Layout.xml看起來是這樣的:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<LinearLayout android:orientation="horizontal" 
style="@android:style/ButtonBar" android:id="@+id/header" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_alignParentTop="true"> 
<EditText android:id="@+id/ean" android:layout_width="100dp" 
android:layout_height="fill_parent" android:layout_weight="1.5"/> 
<Button android:id="@+id/search" android:layout_width="0.0dip" 
android:layout_height="fill_parent" android:text="@string/Search" 
android:layout_weight="1.0" /> 
</LinearLayout> 

<LinearLayout android:orientation="horizontal" 
style="@android:style/ButtonBar" android:id="@+id/footer" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_alignParentBottom="true"> 
<Button android:id="@+id/cancel" android:layout_width="0.0dip" 
android:layout_height="fill_parent" android:text="@string/cancel" 
android:layout_weight="1.0" /> 
<Button android:id="@+id/light" android:layout_width="0.0dip" 
android:layout_height="fill_parent" android:text="@string/light" 
android:layout_weight="1.0" /> 
</LinearLayout> 

圖形佈局看起來像這樣: enter image description here

我如何設計我的佈局,看起來像上面的圖片?

回答

1

我想嘗試用ImageButton代替Button。然後,我會爲按鈕和文本框創建9patch圖像,並使用樣式分配它們。

+0

你想介紹一些關於9patch圖像的信息嗎? –

+0

嗯當然我編輯我的答案。 – milind

+0

http://developer.android.com/guide/developing/tools/draw9patch.html –

0

就是沒有。只需在具有微粒背景的xml佈局文件中設計您的主題 並根據您的設計添加一個editText和按鈕並按活動訪問。

評論我,如果需要進一步幫助。

謝謝

+0

你介意以prive爲例嗎? –

+0

我添加代碼在Thorsten Dittmar和misteck你可以在那裏看到。 – milind