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