0

我要設計我的應用程序搜索框這將如下所示:
search icon安卓:搜索框設計

當我點擊它,它應該擴大如下:

search box

但是,我沒有得到如何實現這一點。

回答

0

你有沒有試過移動JQuery的實用程序?實現這一點應該不難。

1

你應該使用RelativeLayout &集的ImageView align_parent_top & align_parent_right 或者如果你使用LinearLayout那麼你可以這樣試試:---

<LinearLayout 
    android:id="@+id/ll_my_profile" 
    android:layout_width="fill_parent" 
    android:layout_height="45dp" 
    android:layout_marginLeft="10dp" 
    android:clickable="true" 
    android:layout_marginRight="10dp" 
    android:background="@drawable/txt_box_bg" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/my_profile" 
     android:layout_width="0dip" 
     android:layout_height="45dp" 
     android:layout_weight="1" 
     android:gravity="left" 
     android:hint="My Profile" 
     android:padding="10dp" 
     android:textColor="#000000" 
     android:textSize="18dp" /> 

    <ImageView 
     android:id="@+id/img_for_setting" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right|center_vertical" 
     android:background="@drawable/arrow" /> 
</LinearLayout> 
+0

我的要求是,最初edittext應該顯示爲上面張貼的第一張圖片,當我點擊它時,它應該展開,如我在第二張圖片中所示。 – Nitish

+0

這只是使用RelativeLayout&使RelativeLayout方向水平&採取edittext&imageview&在圖像視圖放在這種方式: -

0

根據搜索框是如何在你的應用中使用,它可能最適合使用Action Views in the ActionBar。這是Google建議的在活動中添加可擴展的響應式搜索框的方式。

對於SDK 11之前的Android版本,您可以使用兼容性庫ActionBarSherlock實現所有相同的功能。雖然我自己並沒有在ActionBarSherlock中使用可擴展的搜索欄,但它看起來可能在這裏使用SearchView。

希望有幫助!

+0

謝謝,快速回復。但是,我的應用程序的min Sdk版本是8,而自從api level 11以來,這個版本已經推出。它是否可用於兼容性包? – Nitish

+0

剛剛編輯了我的答案,詳細介紹了兼容性庫,它應該能夠提供您在SDK版本8上需要的功能。 – breadbin

0

創建線性佈局。將其背景設置爲完整的編輯框圖像。在線性佈局內添加一個編輯框和按鈕。將按鈕的背景設置爲android:background =「@ drawable/searchbtn」。 將編輯框的背景設置爲無圖像(透明圖像)。完成。

+1

不是我正在尋找的答案。請再次閱讀我的查詢。 – Nitish