应用Edittext实现搜索框的功能

最新推荐文章于 2021-05-25 21:53:51 发布

weixin_34268310

最新推荐文章于 2021-05-25 21:53:51 发布

阅读量374

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 python

原文链接：https://my.oschina.net/weiCloudS/blog/291826

本文介绍了一种解决Android搜索框布局问题的方法，即通过在文本框左侧添加ImageButton并设置layout_gravity属性，使提示图标和提示文字能够居于EditText下方。提供了示例代码和布局结构，供遇到类似需求的开发者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

因为产品部的要求，希望将搜索框改版一下，具体要求是提示图标和提示文字都要居于Edittext下方。关键是设置了gravity属性之后，文本可以居于图标下方。但是运用android:drawableLeft属性设置图标时图标仍然继续居中，各种捣鼓无果。

于是转换思路，不应用drawableLeft属性，而是想文本框左边添加ImageButton,设置layout_gravity属性，一击即中.

    <LinearLayout
        android:id="@+id/search"
        android:layout_width="match_parent"
        android:layout_below="@id/title"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:orientation="horizontal" >
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:src="@drawable/search"
            android:layout_gravity="bottom"
/>
        <EditText
            android:id="@+id/edit_text"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1.0"
            android:background="@null"
            android:gravity="bottom"
            android:hint="提示框"
            android:singleLine="true"
            android:textColor="@android:color/black"
            android:textColorHint="#CCCCCE"
            android:textCursorDrawable="@null"
            android:textSize="@dimen/H3" />
        <ImageButton
            android:id="@+id/btn_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:src="@drawable/comm_ad_close"
            android:layout_gravity="bottom"
            android:visibility="gone" />
    </LinearLayout>

效果图如下：