android自定義ListView實(shí)現(xiàn)底部View自動(dòng)隱藏和消失的功能
更新時(shí)間：2017年03月25日 08:26:50 作者：ganchuanpu
本篇文章主要介紹了android自定義ListView實(shí)現(xiàn)底部View自動(dòng)隱藏和消失的功能 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
有這樣一個(gè)ListView,要求在屏幕底部有一個(gè)篩選排序的浮動(dòng)框：
1、手指下拉隱藏，上滑顯示 ；
2、如果沒做任何操作，2S之后，要自動(dòng)顯示；
3、滑動(dòng)到最底部，始終顯示。
首先看其效果圖：
實(shí)現(xiàn)上述效果，其實(shí)現(xiàn)原理如下：
1、在屏幕頂部固定一個(gè)BottomView，XML布局最好使用RelativeLayout(底部的BottomView并不是 ListView的footView，這個(gè)是和footView獨(dú)立的，想想為什么？)
2、然后自定義ListView控件，監(jiān)聽onTouchEvent事件，主要是監(jiān)聽手指下滑和上滑事件，同時(shí)實(shí)現(xiàn)onScrollListener,監(jiān)聽是否滑動(dòng)到最底部和最頂部
3、 ListView監(jiān)聽事件中，控制bottomView的顯示和隱藏，所以ListView提供一個(gè)接口，設(shè)置底部bootomView的內(nèi)容，然后獲之后，就可以對(duì)bottomView進(jìn)行控制，同時(shí)加上動(dòng)畫效果。
接下來看是如何的具體實(shí)現(xiàn)這種效果：
1。底部BottomView的內(nèi)容如下，這個(gè)XML文件的內(nèi)容是自定義的，根據(jù)各項(xiàng)目的內(nèi)容需求來定義的，我例子中bottom_view.xml:
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/button_layout"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:background="#cbcbcb"
android:gravity="center_vertical"
android:orientation="horizontal" >
<Button android:layout_height="40dp"
android:layout_width="wrap_content"
android:layout_weight="1"
android:text="價(jià)格" />
<Button android:layout_height="40dp"
android:layout_width="wrap_content"
android:layout_weight="1"
android:text="好評(píng)" />
<Button android:layout_height="40dp"
android:layout_width="wrap_content"
android:layout_weight="1"
android:text="篩選" />
</LinearLayout>
2、main.xml如下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<com.example.BottomFloatListView.BottomFloatListView
android:id="@+id/listView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fadingEdge="none"
/>
<include
android:id="@+id/bottombar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
layout="@layout/bottom_view"
>
</include>
</RelativeLayout>
3、自定義ListView控件BottomFloatListView
package com.example.BottomFloatListView;
import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.OvershootInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.*;
import android.widget.AbsListView.OnScrollListener;
/**
* 底部View自動(dòng)隱藏和消失listview(其他ListView可以繼承該類，如CtripBottomRefreshListView類等)
**/
public class BottomFloatListView extends ListView implements OnScrollListener {
public View mBottomBar;
private int mCurrentScrollState;
private boolean bIsMoved = false;
private boolean bIsDown = false;
private int mDeltaY;
private float mMotionY;
private int oldFirstVisibleItem = 0;
private Handler mHandler = new Handler();
private static final String TAG = "BottomFloatListView";
public BottomFloatListView(Context context) {
this(context, null);
super.setOnScrollListener(this);
}
public BottomFloatListView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
super.setOnScrollListener(this);
}
public BottomFloatListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
super.setOnScrollListener(this);
}
@Override
public void setAdapter(ListAdapter adapter) {
super.setAdapter(adapter);
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
showBottomViewOnBottom(visibleItemCount, totalItemCount, firstVisibleItem);
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
hideBottomViewOnScrollStateChanged(view, scrollState);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
float y = ev.getY();
float x = ev.getX();
Log.d("FloatListView", "onTouchEvent" + "" + x + "" + y);
int action = ev.getAction() & MotionEvent.ACTION_MASK;
switch (action) {
case MotionEvent.ACTION_DOWN:
action_down(y);
break;
case MotionEvent.ACTION_MOVE:
mDeltaY = (int) (y - mMotionY);
bIsMoved = true;
//移動(dòng)的時(shí)候，要移除掉顯示bottomView的消息
mHandler.removeCallbacks(showBottomBarRunnable);
//補(bǔ)齊action_down事件，因?yàn)橛械臅r(shí)候，action_down 事件沒有執(zhí)行
action_down(y);
break;
case MotionEvent.ACTION_UP:
bIsMoved = false;
bIsDown = false;
if (!bIsMoved && !bIsDown) {
// 如果屏幕上什么沒做，則過2s之后要顯示bottomView
mHandler.postDelayed(showBottomBarRunnable, 2000);
}
if (mDeltaY < 0) { //下滑影藏
hideBottomBar();
} else { //上滑顯示
showBottomBar();
}
bIsMoved = false;
break;
}
return super.onTouchEvent(ev);
}
private void action_down(float y){
mMotionY = y;
bIsDown = true;
Log.d(TAG, "action down execed");
mHandler.removeCallbacks(showBottomBarRunnable);
}
/**
* 滑動(dòng)到頂部時(shí)，要隱藏bottomView
* @param view
* @param scrollState
*/
private void hideBottomViewOnScrollStateChanged(AbsListView view, int scrollState) {
mCurrentScrollState = scrollState;
if(view!=null){
if (view.getFirstVisiblePosition() == 0 && scrollState == SCROLL_STATE_IDLE) {
hideBottomBar();
Log.d(TAG, "hide bottom view");
}
}
}
/**
* 顯示底部浮動(dòng)欄
*/
public void showBottomBar() {
if (mBottomBar != null && mBottomBar.getVisibility() == View.GONE) {
mBottomBar.setVisibility(View.INVISIBLE);
Animation translateAnimation = new TranslateAnimation(mBottomBar.getLeft(), mBottomBar.getLeft(),30, 0);
translateAnimation.setDuration(300);
translateAnimation.setInterpolator(new OvershootInterpolator(0.6f));
mBottomBar.startAnimation(translateAnimation);
translateAnimation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
mBottomBar.setVisibility(View.VISIBLE);
}
});
}
}
/**
* 隱藏浮動(dòng)底部欄
*/
private void hideBottomBar() {
if (mBottomBar != null && mBottomBar.getVisibility() == View.VISIBLE) {
Animation translateAnimation = new TranslateAnimation(mBottomBar.getLeft(), mBottomBar.getLeft(), 0, 30);
translateAnimation.setDuration(300);
translateAnimation.setInterpolator(new OvershootInterpolator(0.6f));
mBottomBar.startAnimation(translateAnimation);
translateAnimation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
mBottomBar.setVisibility(View.GONE);
}
});
}
}
/**
* 滑動(dòng)到底部時(shí)直接顯示bottomView
* @param visibleItemCount
* @param totalItemCount
* @param firstVisibleItem
*/
private void showBottomViewOnBottom(int visibleItemCount, int totalItemCount, int firstVisibleItem) {
Log.d(TAG, "visible bottem item count:" + "firstVisibleItem:" + firstVisibleItem + "oldFirstVisibleItem:" + oldFirstVisibleItem + mBottomBar);
if(getLastVisiblePosition() == totalItemCount -1 && mCurrentScrollState != SCROLL_STATE_IDLE){
showBottomBar();
}
}
private Runnable showBottomBarRunnable = new Runnable() {
@Override
public void run() {
showBottomBar();
}
};
/**
* 將需要隱藏顯示的view傳入
*
* @param bottomBar
*/
public void setBottomBar(ViewGroup bottomBar) {
this.mBottomBar = bottomBar;
}
}
4、主界面測(cè)試的Activity，MainActivity代碼如下
public class MainActivity extends Activity {
private BottomFloatListView mBottomFloatListView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mBottomFloatListView = (BottomFloatListView)findViewById(R.id.listView) ;
mBottomFloatListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
ViewGroup bottomView = (ViewGroup)findViewById(R.id.bottombar) ;
mBottomFloatListView.setBottomBar(bottomView);
}
private List<String> getData(){
List<String> data = new ArrayList<String>();
for(int i = 0; i <100; i++) {
data.add("測(cè)試數(shù)據(jù)" + i);
}
return data;
}
}
ViewGroup bottomView = (ViewGroup)findViewById(R.id.bottombar) ; mBottomFloatListView.setBottomBar(bottomView);
將底部的bottomView傳入到ListView中，就可以讓ListView具有底部View自動(dòng)隱藏和消失的功能?！?br />
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- android listview優(yōu)化幾種寫法詳細(xì)介紹
- android開發(fā)教程之listview使用方法
- android開發(fā)之橫向滾動(dòng)/豎向滾動(dòng)的ListView(固定列頭)
- Android自定義Adapter的ListView的思路及代碼
- Android下拉刷新ListView——RTPullListView(demo)
- Android之帶group指示器的ExpandableListView(自寫)
- Android ListView的item背景色設(shè)置和item點(diǎn)擊無響應(yīng)的解決方法
- android中ListView多次刷新重復(fù)執(zhí)行g(shù)etView的解決方法
- android ListView內(nèi)數(shù)據(jù)的動(dòng)態(tài)添加與刪除實(shí)例代碼
- android二級(jí)listview列表實(shí)現(xiàn)代碼
相關(guān)文章
這篇文章主要介紹了Android ListView UI組件使用說明,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了android中Handle類的用法,以實(shí)例形式較為詳細(xì)的分析了基于Handle類線程執(zhí)行的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
基于Android實(shí)現(xiàn)隨手指移動(dòng)的ImageView
這篇文章主要介紹了基于Android實(shí)現(xiàn)隨手指移動(dòng)的ImageView的相關(guān)資料,需要的朋友可以參考下2016-01-01
Android開發(fā)判斷一個(gè)app應(yīng)用是否在運(yùn)行的方法詳解
這篇文章主要介紹了Android開發(fā)判斷一個(gè)app應(yīng)用是否在運(yùn)行的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android判斷應(yīng)用運(yùn)行狀態(tài)的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-11-11
Fedora14下android開發(fā): eclipse與ibus確有沖突的問題分析
本篇文章是對(duì)Fedora14下android開發(fā)，eclipse與ibus確有沖突的問題進(jìn)行了分析介紹，需要的朋友參考下2013-05-05
異步加載圖片主要是利用多線程進(jìn)行下載、圖片弱引用緩存和Handler操作UI進(jìn)行實(shí)現(xiàn)的。2013-05-05
Android入門之IntentService的使用教程詳解
IntentService的生命周期中有一個(gè)非常好的方法-onHandleIntent方法，它是一個(gè)abstract方法，開發(fā)者在實(shí)現(xiàn)IntentService時(shí)可以覆蓋它來處理“長事務(wù)”。本文就來聊聊IntentService的使用，需要的可以參考一下2022-12-12
Android中使用IntentService創(chuàng)建后臺(tái)服務(wù)實(shí)例
這篇文章主要介紹了Android中使用IntentService創(chuàng)建后臺(tái)服務(wù)實(shí)例,IntentService提供了在單個(gè)后臺(tái)線程運(yùn)行操作的簡單結(jié)構(gòu),需要的朋友可以參考下2014-06-06
學(xué)習(xí)使用Material Design控件（一）
這篇文章主要為大家介紹了學(xué)習(xí)使用Material Design控件的詳細(xì)教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章介紹了android 設(shè)置控件的顏色字體的方法，有需要的朋友可以參考一下2013-09-09