Android实战——改造PullToRefresh下拉刷新和上拉加载
2016-09-30 16:16
357 查看
改造PullToRefresh下拉刷新和上拉加载
前言:
本篇文章主要分为两部分,一是PullToRefresh下拉刷新和上拉加载的使用,二是PullToRefresh的改造,用自定义一个动画替换掉Loading的动画,如果动画很厉害的您,就可以自己添加喜欢的动画,做出自己想要的下拉刷新和上拉加载了。
欢迎关注个人CSDN博客:Hensen_的博客:http://blog.csdn.net/qq_30379689
默认效果图:
改造效果图:
第一部分:PullToRefresh的使用
步骤一:下载我们所需要的PullToRefresh,在Github上搜索PullToRefresh,下载这个zip包并解压
步骤二:使用ImportModule导入到我们的项目中
步骤三:在我们的项目中添加依赖刚导入的PullToRefresh
步骤四:在布局中写好使用的View,并且在代码中使用下拉刷新
步骤五:在布局中写好使用的View,并且在代码中使用下拉刷新和上拉加载
和仅仅使用下拉刷新的不同点在于:实现onRefreshListener2这个接口,在xml文件中声明appNS(即xmlns:app="http://schemas.android.com/apk/res-auto"),使用app:ptrMode="both"属性,即可
第二部分:PullToRefresh的改造
[b]步骤一:下拉刷新和上拉加载文字的修改,修改LoadingLayout这个类的源码,文字放在构造函数中
[/b]
[b]
[/b]
[b][b]步骤二:Loading动画的修改,首先,添加三张图片和一个xml的animation-list
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤三:在下拉刷新中xml中,我们添加一个View来放置我们的Loading动画
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤四:通过代码的追踪,隐藏我们默认的Loading动画,在RotateLoadingLayout这个类中
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤五:在代码中添加我们的自定义Loading动画,在LoadingLayout这个类中
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
源码下载:模仿京东下拉刷新,修改后完整版的效果,方便大家做商城app时使用
前言:
本篇文章主要分为两部分,一是PullToRefresh下拉刷新和上拉加载的使用,二是PullToRefresh的改造,用自定义一个动画替换掉Loading的动画,如果动画很厉害的您,就可以自己添加喜欢的动画,做出自己想要的下拉刷新和上拉加载了。
欢迎关注个人CSDN博客:Hensen_的博客:http://blog.csdn.net/qq_30379689
默认效果图:
改造效果图:
第一部分:PullToRefresh的使用
步骤一:下载我们所需要的PullToRefresh,在Github上搜索PullToRefresh,下载这个zip包并解压
步骤二:使用ImportModule导入到我们的项目中
步骤三:在我们的项目中添加依赖刚导入的PullToRefresh
步骤四:在布局中写好使用的View,并且在代码中使用下拉刷新
<?xml version="1.0" encoding="utf-8"?> <com.handmark.pulltorefresh.library.PullToRefreshScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:id="@+id/pull_to_refresh_view" android:layout_height="match_parent">
public class MainActivity extends AppCompatActivity implements PullToRefreshBase.OnRefreshListener { PullToRefreshScrollView scrollView; Handler mHandler = new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what){ case 0: scrollView.onRefreshComplete(); break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); scrollView = (PullToRefreshScrollView) findViewById(R.id.pull_to_refresh_view); scrollView.setOnRefreshListener(this); } @Override public void onRefresh(PullToRefreshBase refreshView) { mHandler.sendEmptyMessageDelayed(0,2000); } }
步骤五:在布局中写好使用的View,并且在代码中使用下拉刷新和上拉加载
和仅仅使用下拉刷新的不同点在于:实现onRefreshListener2这个接口,在xml文件中声明appNS(即xmlns:app="http://schemas.android.com/apk/res-auto"),使用app:ptrMode="both"属性,即可
<?xml version="1.0" encoding="utf-8"?> <com.handmark.pulltorefresh.library.PullToRefreshScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/pull_to_refresh_view" android:layout_width="match_parent" android:layout_height="match_parent" app:ptrMode="both">
public class MainActivity extends AppCompatActivity implements PullToRefreshBase.OnRefreshListener2 { PullToRefreshScrollView scrollView; Handler mHandler = new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what){ case 0: scrollView.onRefreshComplete(); break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); scrollView = (PullToRefreshScrollView) findViewById(R.id.pull_to_refresh_view); scrollView.setOnRefreshListener(this); } @Override public void onPullDownToRefresh(PullToRefreshBase refreshView) { mHandler.sendEmptyMessageDelayed(0,2000); } @Override public void onPullUpToRefresh(PullToRefreshBase refreshView) { mHandler.sendEmptyMessageDelayed(0,2000); } }
第二部分:PullToRefresh的改造
[b]步骤一:下拉刷新和上拉加载文字的修改,修改LoadingLayout这个类的源码,文字放在构造函数中
[/b]
[b]
[/b]
[b][b]步骤二:Loading动画的修改,首先,添加三张图片和一个xml的animation-list
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤三:在下拉刷新中xml中,我们添加一个View来放置我们的Loading动画
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤四:通过代码的追踪,隐藏我们默认的Loading动画,在RotateLoadingLayout这个类中
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]步骤五:在代码中添加我们的自定义Loading动画,在LoadingLayout这个类中
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
[b][b]
[/b][/b]
源码下载:模仿京东下拉刷新,修改后完整版的效果,方便大家做商城app时使用
相关文章推荐
- android 使用PullToRefresh实现下拉刷新和上拉加载更多
- 采用github上的开源项目Android-PullToRefresh实现ListView的下拉刷新和上拉加载
- android使用PullToRefresh实现下拉刷新和上拉加载
- Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载
- android-Ultra-Pull-To-Refresh既可以实现下拉刷新又可以上拉加载的国人写的优秀库
- Android 使用PullToRefresh实现下拉刷新和上拉加载(ExpandableListView)
- 关于android-Ultra-Pull-To-Refresh的下拉刷新和上拉加载更多
- 移动开发----改造PullToRefresh下拉刷新和上拉加载
- 【Android开发笔记】pulltorefresh实现下拉刷新和上拉加载更多
- 改造PullToRefresh下拉刷新和上拉加载
- Android自定义控件实战——实现仿IOS下拉刷新上拉加载 PullToRefreshLayout
- 使用PullToRefresh实现下拉刷新和上拉加载
- 使用PullToRefresh实现下拉刷新和上拉加载
- 使用PullToRefresh实现下拉刷新和上拉加载
- Android自定义控件实战——下拉刷新控件终结者:PullToRefreshLayout
- 使用PullToRefresh实现下拉刷新和上拉加载
- android ListView上拉加载更多 下拉刷新功能实现(采用pull-to-refresh)
- 使用PullToRefresh实现下拉刷新和上拉加载
- Android项目:使用pulltorefresh开源项目扩展为下拉刷新上拉加载更多的处理方法,监听listview滚动方向 推荐
- 使用PullToRefresh实现下拉刷新和上拉加载