Android Material加載進(jìn)度條制作代碼
最近看了幾款A(yù)PP的加載進(jìn)度都是這種風(fēng)格,感覺還不錯,在網(wǎng)上找了一些資料,自己小練兵了一把:
主要運用的開源框架:
/ViewPagerIndicator_library 主要就是tab頁切換指示器
/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); } });
手動刷新:mPtrFrameLayout.autoRefresh();
結(jié)束刷新:mPtrFrameLayout.refreshComplete();
mPtrFrameLayout.setPinContent(true);這里可以根據(jù)個人喜好設(shè)置true或者false,true則在刷新的時候,將布局里的內(nèi)容固定不動,false則是在刷新的時候進(jìn)度條會將布局內(nèi)容擠下來。
監(jiān)聽ListView是否滑動到底部,如果到達(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)不滾動時 if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) { // 判斷是否滾動到底部 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 } });
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實現(xiàn)圖片加載進(jìn)度提示
- Android 進(jìn)度條 ProgressBar的實現(xiàn)代碼(隱藏、出現(xiàn)、加載進(jìn)度)
- Android實現(xiàn)圓形漸變加載進(jìn)度條
- Android仿微信公眾號文章頁面加載進(jìn)度條
- Android自定義View實現(xiàn)加載進(jìn)度條效果
- Android自定義View仿華為圓形加載進(jìn)度條
- Android基于Glide v4.x的圖片加載進(jìn)度監(jiān)聽
- Android自定義View基礎(chǔ)開發(fā)之圖片加載進(jìn)度條
- Android Webview添加網(wǎng)頁加載進(jìn)度條實例詳解
- Android實現(xiàn)兩圓點之間來回移動加載進(jìn)度
相關(guān)文章
RecyclerView優(yōu)雅實現(xiàn)復(fù)雜列表布局
這篇文章主要為大家詳細(xì)介紹了RecyclerView優(yōu)雅實現(xiàn)復(fù)雜列表布局,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11Android中使用WebSocket實現(xiàn)群聊和消息推送功能(不使用WebView)
WebSocket protocol 是HTML5一種新的協(xié)議。它實現(xiàn)了瀏覽器與服務(wù)器全雙工通信(full-duplex)。本文給大家介紹Android中使用WebSocket實現(xiàn)群聊和消息推送功能(不使用WebView),需要的朋友參考下2016-02-02輕松實現(xiàn)Android仿淘寶地區(qū)選擇功能
這篇文章主要介紹了輕松實現(xiàn)Android仿淘寶地區(qū)選擇功能的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06Android上傳多張圖片的實例代碼(RxJava異步分發(fā))
本篇文章主要介紹了Android上傳多張圖片的實例代碼(RxJava異步分發(fā)),具有一定的參考價值,有興趣的可以了解一下2017-08-08Android Framework Application Framework層簡單介紹
這篇文章主要介紹了 Android Framework Application Framework層簡單介紹的相關(guān)資料,需要的朋友可以參考下2016-11-11Android Init進(jìn)程對信號的處理流程詳細(xì)介紹
這篇文章主要介紹了Android Init進(jìn)程對信號的處理流程詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02Android實現(xiàn)仿360桌面懸浮清理內(nèi)存
今天給大家?guī)硪粋€仿360手機(jī)衛(wèi)士懸浮窗清理內(nèi)存的效果的教程,非常的簡單實用,需要的小伙伴可以參考下2015-12-12