文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中如何实现清空搜索框的文字

2022-06-06 05:13

关注

需求:项目中的有关搜索的地方,加上清空文字的功能,目的是为了增加用户体验,使用户删除文本更加快捷

解决过程:开始的时候感觉这个东西不太好实现,主要就是布局的问题,可能是开始顾虑的太多了,再加上当时产品催的不太紧,而且这个功能也不是必须实现的。但是今天不一样了,这个是老大让加上的,说别的很多应用中都有这个功能,没办法那就加上呗,试着去使用了相对布局去实现,把一个删除按键放在编辑框的右上方,当文字的时候就把删除按键给显示出来,当编辑框为空的时候就把删除按键给隐藏掉。布局代码


<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="vertical" 
 android:paddingBottom="50dp" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent"> 
 <RelativeLayout android:id="@+id/top" 
  android:layout_width="fill_parent" 
  android:layout_alignParentTop="true" 
  android:paddingLeft="10dp" 
  android:paddingRight="10dp"   android:background="@drawable/top_background" 
  android:layout_height="wrap_content"> 
  <Button android:id="@+id/btnSearch" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:gravity="center" 
   android:layout_centerVertical="true" 
   android:layout_alignParentRight="true" 
   android:textSize="12sp" 
   android:textStyle="bold"   android:background="@drawable/search_btn_background" 
   android:text="搜索"/> 
  <RelativeLayout android:id="@+id/rlSearchFrameDelete" 
   android:layout_width="fill_parent" 
   android:layout_height="wrap_content" 
   android:layout_centerVertical="true" 
   android:gravity="center_vertical" 
android:layout_toLeftOf="@id/btnSearch"> 
    <EditText android:id="@+id/etSearch" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:singleLine="true" 
android:background="@drawable/search_frame"   android:layout_marginRight="10dp" 
     android:paddingLeft="32dp" 
     android:textSize="12sp" 
     android:hint="请输入文字..."/> 
    <ImageView android:id="@+id/ivDeleteText"     android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignParentRight="true" 
     android:src="@drawable/delete" 
 android:layout_centerInParent="true" 
     android:paddingRight="20dp" 
     android:visibility="gone"/> 
  </RelativeLayout> 
 </RelativeLayout> 
</RelativeLayout> 

这代码是直接从项目那截取过来的,里面用到了一些小技巧,开发的时候用到的布局写法,其中以一种背景平铺,这个在以前的文章里讲述过。在主程序里主要是使用了EditText监听输入的功能,这个以前的文章也写过,这次在使用又复习了一遍。代码如下


[java] view plain copy
public void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  ivDeleteText = (ImageView) findViewById(R.id.ivDeleteText); 
  etSearch = (EditText) findViewById(R.id.etSearch); 
  ivDeleteText.setOnClickListener(new OnClickListener() { 
   public void onClick(View v) { 
    etSearch.setText(""); 
   } 
  }); 
  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); 
    } 
   } 
  }); 

现在就可以实现开始描述的要求了。这里面还用到了一张背景图是.9.png的,能大能小哦

您可能感兴趣的文章:Android SearchView搜索框组件的使用方法Android搜索框通用版Android搜索框组件SearchView的基本使用方法Android EditText搜索框实现图标居中android搜索框上下滑动变色效果Android搜索框SearchView属性和用法详解Android搜索框(SearchView)的功能和用法详解Android顶部(toolbar)搜索框实现的实例详解Android自定义View实现搜索框(SearchView)功能Android 改变图标原有颜色和搜索框的实例代码Android实现实时搜索框功能Android编程自定义搜索框实现方法【附demo源码下载】


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯