仿qq搜索框,点击标题栏的显示与隐藏

先看效果:


一、

主要实现的代码已经封装好,代码如下:

package com.jingxinlawyer.lawchat.utils;

import java.util.Timer;
import java.util.TimerTask;

import com.jingxinlawyer.lawchat.R;

import android.app.Activity;
import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.text.TextWatcher;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.view.animation.Animation.AnimationListener;
import android.view.inputmethod.InputMethodManager;
import android.widget.AutoCompleteTextView;
import android.widget.PopupWindow;
import android.widget.TextView;

/**
 * 搜索时title的显示与隐藏
 * 
 * @author zhang,qq:174901906
 * 
 */
public class SearchUtils {

	private Activity mActivity;
	private View searchView;
	private AutoCompleteTextView ediSearch;
	private View alphaView;
	private TextView tvCancle;
	private PopupWindow popupWindow;
	private int moveHeight;
	private int statusBarHeight;
	private View fatherView;// 界面的跟布局
	private View topTitleView;// 标题栏布局

	/**
	 * 
	 * @param activity
	 * @param rlTopTitle
	 *            ,标题栏布局
	 * @param llFather
	 *            ,界面的跟布局
	 * @param textWatcher
	 *            ,文本框监听
	 * @param strHint
	 *            ,搜索框的提示语
	 */
	public SearchUtils(Activity activity, View rlTopTitle, final View llFather,
			String strHint, TextWatcher textWatcher) {
		super();
		this.mActivity = activity;
		this.topTitleView = rlTopTitle;
		this.fatherView = llFather;
		initViews(strHint);
		initListener(textWatcher);
	}

	private void initListener(TextWatcher textWatcher) {
		// TODO Auto-generated method stub
		alphaView.setOnClickListener(onClick);
		tvCancle.setOnClickListener(onClick);
		ediSearch.addTextChangedListener(textWatcher);
	}

	private void initViews(String strHint) {
		LayoutInflater mInflater = LayoutInflater.from(mActivity);
		searchView = mInflater.inflate(R.layout.item_popup_search, null);

		ediSearch = (AutoCompleteTextView) searchView
				.findViewById(R.id.edi_search);
		ediSearch.setHint(strHint);
		ediSearch.setFocusable(true);
		alphaView = searchView.findViewById(R.id.popup_window_v_alpha);
		tvCancle = (TextView) searchView.findViewById(R.id.tvCanale);

		popupWindow = new PopupWindow(searchView, LayoutParams.MATCH_PARENT,
				LayoutParams.MATCH_PARENT);
		popupWindow.setFocusable(true);
		popupWindow.setOutsideTouchable(true);
		popupWindow.setTouchable(true);
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
	}

	public void showSearchBar() {
		getStatusBarHeight();
		moveHeight = topTitleView.getHeight();
		Animation translateAnimation = new TranslateAnimation(0, 0, 0,
				-moveHeight);
		translateAnimation.setDuration(300);
		fatherView.startAnimation(translateAnimation);
		translateAnimation.setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation arg0) {
			}

			@Override
			public void onAnimationRepeat(Animation arg0) {

			}

			@Override
			public void onAnimationEnd(Animation arg0) {
				TranslateAnimation anim = new TranslateAnimation(0, 0, 0, 0);
				fatherView.setAnimation(anim);
				topTitleView.setVisibility(View.GONE);
				topTitleView.setPadding(0, -moveHeight, 0, 0);

				popupWindow.showAtLocation(fatherView, Gravity.CLIP_VERTICAL,
						0, statusBarHeight);
				openKeyboard();
			}
		});
	}

	OnClickListener onClick = new OnClickListener() {

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			switch (v.getId()) {
			case R.id.popup_window_v_alpha:
				dismissPopupWindow();
				break;
			case R.id.tvCanale:
				dismissPopupWindow();
				break;
			}
		}
	};

	private void dismissPopupWindow() {
		if (popupWindow != null && popupWindow.isShowing()) {
			popupWindow.dismiss();
			resetUI();
		}
	}

	private void getStatusBarHeight() {
		Rect frame = new Rect();
		mActivity.getWindow().getDecorView()
				.getWindowVisibleDisplayFrame(frame);// 这里得到的是除了系统自带显示区域之外的所有区域,这里就是除了最上面的一条显示电量的状态栏之外的所有区域
		statusBarHeight = frame.top; // 这里便可以得到状态栏的高度,即最上面一条显示电量,信号等

	}

	/**
	 * 展开键盘
	 */
	private void openKeyboard() {
		Timer timer = new Timer();
		timer.schedule(new TimerTask() {
			@Override
			public void run() {
				InputMethodManager imm = (InputMethodManager) mActivity
						.getSystemService(Context.INPUT_METHOD_SERVICE);
				imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
			}
		}, 0);
	}

	private void resetUI() {
		topTitleView.setPadding(0, 0, 0, 0);
		topTitleView.setVisibility(View.VISIBLE);
		Animation translateAnimation = new TranslateAnimation(0, 0,
				-moveHeight, 0);
		translateAnimation.setDuration(300);
		fatherView.startAnimation(translateAnimation);
		translateAnimation.setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation arg0) {

			}

			@Override
			public void onAnimationRepeat(Animation arg0) {

			}

			@Override
			public void onAnimationEnd(Animation arg0) {
				TranslateAnimation anim = new TranslateAnimation(0, 0, 0, 0);
				fatherView.setAnimation(anim);
			}
		});
	}
}


二、
点击搜索框后的效果的布局:



代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#B0000000"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/ll_location"
        android:layout_width="match_parent"
        android:layout_height="@dimen/item_heght"
        android:background="@color/bg_gray"
        android:gravity="center_vertical"
        android:orientation="horizontal" >

        <AutoCompleteTextView
            android:id="@+id/edi_search"
            android:layout_width="0dp"
            android:layout_height="32dp"
            android:layout_marginLeft="13dp"
            android:layout_marginRight="13dp"
            android:layout_weight="1"
            android:background="@drawable/shap_edittext_search"
            android:drawableLeft="@drawable/search"
            android:drawablePadding="8dp"
            android:gravity="center_vertical"
            android:hint="搜索地点"
            android:paddingLeft="11dp"
            android:paddingRight="11dp"
            android:singleLine="true"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/tvCanale"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginRight="10dp"
            android:gravity="center"
            android:text="取消" />
    </LinearLayout>

    <View
        android:id="@+id/popup_window_v_alpha"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>


三、在activity,fragment中调用:

case R.id.rl_friendSearch:
				new SearchUtils(AddFriendActivity.this, topTitleView,
						fatherView, strHint, textWatcher).showSearchBar();
				break;

注意:第一个参数不用多说,activity。第二个参数:顶部标题栏的布局id。第三个参数:是整个界面的根布局id。第四个参数:是弹出popupwindow中edittext的hint

.第五个参数:是弹出popupwindow中edittext的回掉监听。


四、搞定,运行。



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值