您的位置:首页 > 其它

简单实现下滑隐藏标题栏 上滑显示

2016-02-17 15:31 393 查看
看bilibili的滑动会隐藏 就学着模仿了一下,通过给listview设置 mListView.setOnTouchListener 监听 重写ontouch方法 监听手指一动的坐标,当超过ViewConfiguration.get(this).getScaledTouchSlop(); toubar的高度 .当向上滑动超过这个高度显示touba 向下滑动隐藏.



package com.example.hidetitlebardemo;

import android.animation.Animator;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AbsListView;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends Activity {
private ListView mListView;
private RelativeLayout mTitle;
private int mTouchSlop;
private SimpleAdapter mAdapter;
private float mFirstY;
private float mCurrentY;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();

initViews();
showHideTitleBar(true);

}

private void initViews() {
mListView = (ListView) findViewById(R.id.id_lv);
mTitle = (RelativeLayout) findViewById(R.id.id_title);

mAdapter = new SimpleAdapter(this, getData(),
R.layout.lv_item,
new String[]{"info"},
new int[]{R.id.num_info});
mListView.setAdapter(mAdapter);
mListView.setOnTouchListener(new View.OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mFirstY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
mCurrentY = event.getY();
if (mCurrentY - mFirstY > mTouchSlop) {
System.out.println("mtouchislop:" + mTouchSlop);
// 下滑 显示titleBar
showHideTitleBar(true);
} else if (mFirstY - mCurrentY > mTouchSlop) {
// 上滑 隐藏titleBar
showHideTitleBar(false);
}
break;
case MotionEvent.ACTION_UP:
break;
}
return false;
}
});
}

private Animator mAnimatorTitle;
private Animator mAnimatorContent;

private void showHideTitleBar(boolean tag) {
if (mAnimatorTitle != null && mAnimatorTitle.isRunning()) {
mAnimatorTitle.cancel();
}
if (mAnimatorContent != null && mAnimatorContent.isRunning()) {
mAnimatorContent.cancel();
}
if (tag) {
mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), 0);
mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(), getResources().getDimension(R.dimen.title_height));

} else {
mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), -mTitle.getHeight());
mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(),0);
}
mAnimatorTitle.start();
mAnimatorContent.start();

}

private List<Map<String, Object>> getData() {
List<Map<String, Object>> data = new ArrayList<>();
for (int i = 'A'; i < 'z'; i++) {
Map<String, Object> map = new HashMap<>();
map.put("info", (char) i);
data.add(map);
}
return data;
}

}


布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">
<RelativeLayout
android:id="@+id/id_title"
android:background="#00ccff"
android:layout_width="match_parent"
android:layout_height="40dp">
<TextView
android:text="Ace "
android:layout_centerInParent="true"
android:textSize="22sp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
<ListView
android:id="@+id/id_lv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>

</RelativeLayout>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: