Android Material加載進(jìn)度條制作代碼
最近看了幾款A(yù)PP的加載進(jìn)度都是這種風(fēng)格,感覺(jué)還不錯(cuò),在網(wǎng)上找了一些資料,自己小練兵了一把:

主要運(yùn)用的開(kāi)源框架:
/ViewPagerIndicator_library 主要就是tab頁(yè)切換指示器
/ptr-lib 進(jìn)度條 下載地址:https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh
一、使用方法
布局文件
<?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="@color/bg_color"
android:orientation="vertical" >
<in.srain.cube.views.ptr.PtrFrameLayout
xmlns:cube_ptr="http://schemas.android.com/apk/res-auto"
android:id="@+id/material_style_ptr_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"
cube_ptr:ptr_duration_to_close="100"
cube_ptr:ptr_duration_to_close_header="100"
cube_ptr:ptr_keep_header_when_refresh="true"
cube_ptr:ptr_pull_to_fresh="false"
cube_ptr:ptr_ratio_of_header_height_to_refresh="1.2"
cube_ptr:ptr_resistance="1.7" >
<ListView
android:id="@+id/article_listview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="#00000000"
android:divider="@color/line"
android:dividerHeight="10dp" />
</in.srain.cube.views.ptr.PtrFrameLayout>
</LinearLayout>
在java代碼中進(jìn)行控件聲明,設(shè)置相關(guān)參數(shù)
mPtrFrameLayout = (PtrFrameLayout) mRootView.findViewById(R.id.material_style_ptr_frame);
// header
final MaterialHeader header = new MaterialHeader(getActivity());
int[] colors = getResources().getIntArray(R.array.google_colors);
header.setColorSchemeColors(colors);
header.setLayoutParams(new PtrFrameLayout.LayoutParams(-1, -2));
header.setPadding(0, Utils.dip2px(getActivity(), 15), 0, Utils.dip2px(getActivity(), 10));
header.setPtrFrameLayout(mPtrFrameLayout);
mPtrFrameLayout.setPinContent(true);
mPtrFrameLayout.setLoadingMinTime(100);
mPtrFrameLayout.setDurationToCloseHeader(100);
mPtrFrameLayout.setHeaderView(header);
mPtrFrameLayout.addPtrUIHandler(header);
mPtrFrameLayout.setPtrHandler(new PtrHandler() {
@Override
public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
return PtrDefaultHandler.checkContentCanBePulledDown(frame, article_listview, header);
}
@Override
public void onRefreshBegin(final PtrFrameLayout frame) {
pageNum = 1;
doRequest(pageNum, true);
}
});
手動(dòng)刷新:mPtrFrameLayout.autoRefresh();
結(jié)束刷新:mPtrFrameLayout.refreshComplete();
mPtrFrameLayout.setPinContent(true);這里可以根據(jù)個(gè)人喜好設(shè)置true或者false,true則在刷新的時(shí)候,將布局里的內(nèi)容固定不動(dòng),false則是在刷新的時(shí)候進(jìn)度條會(huì)將布局內(nèi)容擠下來(lái)。
監(jiān)聽(tīng)ListView是否滑動(dòng)到底部,如果到達(dá)底部,則顯示底部加載更多的進(jìn)度條。
moreView = Finder.inflate(getActivity(), R.layout.loading_more_footer);
moreView.setVisibility(View.GONE);
article_listview = (ListView) mRootView.findViewById(R.id.article_listview);
article_listview.addFooterView(moreView);
adapter = new ArticleListAdapter(getActivity());
article_listview.setAdapter(adapter);
article_listview.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Article article = (Article) adapter.getItem(position);
Intent intent = new Intent(getActivity(),
AppBrowserActivity.class);
intent.putExtra("w_url", article.getUrl());
intent.putExtra("share_desc", article.getTitle());
intent.putExtra("share_pic", article.getPicUrl());
startActivity(intent);
}
});
article_listview.setOnScrollListener(new OnScrollListener(){
@Override
public void onScrollStateChanged(AbsListView view, int scrollState){
// 當(dāng)不滾動(dòng)時(shí)
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {
// 判斷是否滾動(dòng)到底部
if (view.getLastVisiblePosition() == view.getCount() - 1) {
//加載更多功能的代碼
moreView.setVisibility(View.VISIBLE);
pageNum++;
doRequest(pageNum, false);
}
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// TODO Auto-generated method stub
}
});
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)圖片加載進(jìn)度提示
- Android 進(jìn)度條 ProgressBar的實(shí)現(xiàn)代碼(隱藏、出現(xiàn)、加載進(jìn)度)
- Android實(shí)現(xiàn)圓形漸變加載進(jìn)度條
- Android仿微信公眾號(hào)文章頁(yè)面加載進(jìn)度條
- Android自定義View實(shí)現(xiàn)加載進(jìn)度條效果
- Android自定義View仿華為圓形加載進(jìn)度條
- Android基于Glide v4.x的圖片加載進(jìn)度監(jiān)聽(tīng)
- Android自定義View基礎(chǔ)開(kāi)發(fā)之圖片加載進(jìn)度條
- Android Webview添加網(wǎng)頁(yè)加載進(jìn)度條實(shí)例詳解
- Android實(shí)現(xiàn)兩圓點(diǎn)之間來(lái)回移動(dòng)加載進(jìn)度
相關(guān)文章
RecyclerView優(yōu)雅實(shí)現(xiàn)復(fù)雜列表布局
這篇文章主要為大家詳細(xì)介紹了RecyclerView優(yōu)雅實(shí)現(xiàn)復(fù)雜列表布局,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11
Android中使用WebSocket實(shí)現(xiàn)群聊和消息推送功能(不使用WebView)
WebSocket protocol 是HTML5一種新的協(xié)議。它實(shí)現(xiàn)了瀏覽器與服務(wù)器全雙工通信(full-duplex)。本文給大家介紹Android中使用WebSocket實(shí)現(xiàn)群聊和消息推送功能(不使用WebView),需要的朋友參考下2016-02-02
輕松實(shí)現(xiàn)Android仿淘寶地區(qū)選擇功能
這篇文章主要介紹了輕松實(shí)現(xiàn)Android仿淘寶地區(qū)選擇功能的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06
Android上傳多張圖片的實(shí)例代碼(RxJava異步分發(fā))
本篇文章主要介紹了Android上傳多張圖片的實(shí)例代碼(RxJava異步分發(fā)),具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08
實(shí)例詳解Android Selector和Shape的用法
shape和selector是Android UI設(shè)計(jì)中經(jīng)常用到的,比如我們要自定義一個(gè)圓角Button,點(diǎn)擊Button有些效果的變化,就要用到shape和selector,通過(guò)本文結(jié)合代碼實(shí)例給大家詳解Android Selector和Shape的用法,感興趣的朋友一起學(xué)習(xí)吧2016-01-01
Android Framework Application Framework層簡(jiǎn)單介紹
這篇文章主要介紹了 Android Framework Application Framework層簡(jiǎn)單介紹的相關(guān)資料,需要的朋友可以參考下2016-11-11
Android布局之RelativeLayout相對(duì)布局
RelativeLayout是相對(duì)布局控件:以控件之間相對(duì)位置或相對(duì)父容器位置進(jìn)行排列,下面通過(guò)本文給大家介紹Android布局之RelativeLayout相對(duì)布局,涉及到android relativelayout相對(duì)布局相關(guān)知識(shí),對(duì)android relativelayout相對(duì)布局相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Android Init進(jìn)程對(duì)信號(hào)的處理流程詳細(xì)介紹
這篇文章主要介紹了Android Init進(jìn)程對(duì)信號(hào)的處理流程詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02
Android實(shí)現(xiàn)仿360桌面懸浮清理內(nèi)存
今天給大家?guī)?lái)一個(gè)仿360手機(jī)衛(wèi)士懸浮窗清理內(nèi)存的效果的教程,非常的簡(jiǎn)單實(shí)用,需要的小伙伴可以參考下2015-12-12
編寫簡(jiǎn)易Android天氣應(yīng)用的代碼示例
這篇文章主要介紹了編寫簡(jiǎn)易Android天氣應(yīng)用的代碼示例,文中的例子主要是利用到了RxAndroid處理異步方法,需要的朋友可以參考下2016-02-02

