Android搜索框效果

转载：http://blog.csdn.net/walker02/article/details/7917392

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

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

<?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监听输入的功能，这个以前的文章也写过，这次在使用又复习了一遍。代码如下

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的，能大能小哦

Demo代码：http://pan.baidu.com/s/1pJOiXab

转载于:https://www.cnblogs.com/AndroidJotting/p/4769437.html

Android搜索框效果相关推荐

android 仿简书评论,Android仿简书搜索框效果的示例代码
前言之前用简书的时候一直是在web端,后来下载了客户端,看到了搜索的那个动画,就尝试的去写了,没写之前感觉挺容易的,写了之后,就感觉里面还是有些要注意的东西的.话不多说,直接上图. Activity ...
android bilibili搜索框,仿bilibili搜索框效果(三句代码实现)
SearchDialog 仿bilibili搜索框效果(只需要三句话即可实现) 先看预览图(转换后有一点点失真): 前言 1,支持搜索历史(已经做了数据库存储了) 2,基本与bilibili的搜索效果 ...
android搜索框布局文件,android搜索框列表布局，流程及主要步骤思维导图
android搜索框列表布局,流程及主要步骤思维导图 android搜索框列表布局,流程及主要步骤思维导图 activity_coin_search.xml ---------- android:id ...
jquery搜索框效果，搜索，请输入关键字
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
仿bilibili搜索框效果
仿bilibili搜索框效果(只需要三句话即可实现) Usage With Gradle: compile 'com.wenwenwen888:searchbox:1.0.0' How to use ...
仿 bilibili 搜索框效果(三句代码实现)
SearchDialog 项目地址:wenwenwen888/SearchDialog 简介:仿 bilibili 搜索框效果(三句代码实现) 更多:作者提 Bug 标签: 搜索-搜索框- ...
android搜索框实现
http://blog.csdn.net/pengjianbosoft/article/details/6638402 在Map应用中会经常见到一个浮动的搜索框一般可以搜索附近的POI点信息而且这 ...
Android 搜索框：SearchView 的属性和用法详解
转载请标明出处: http://blog.csdn.net/airsaid/article/details/51087226 本文出自:周游的博客 SearchView简介 SearchView属性 ...
Android 搜索框、书架页面以及排行榜页面UI设计
设计思路收集各大主流小说App搜索UI设置,发现基本都会有在导航栏(AppBar)中设置搜索功能.故本App也采取这种主流设计.同时考虑在书架页面和排行榜页面进行滑动切换. 搜索框UI设计实现效果 ...

Android搜索框效果

Android搜索框效果相关推荐

最新文章

热门文章