Android UI- PullToRrefresh自定义下拉刷新动画

于 2024-03-30 09:36:46 发布
阅读量629 收藏 29
点赞数 8
分类专栏： 程序员 文章标签： android ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84004012/article/details/137164672
版权

private CharSequence mReleaseLabel;

public LoadingLayout(Context context, final Mode mode, final Orientation scrollDirection, TypedArray attrs) {

super(context);

mMode = mode;

mScrollDirection = scrollDirection;

switch (scrollDirection) {

case HORIZONTAL:

LayoutInflater.from(context).inflate(R.layout.pull_to_refresh_header_horizontal, this);

break;

case VERTICAL:

default:

// LayoutInflater.from(context).inflate(R.layout.pull_to_refresh_header_vertical, this);

// 修改代码

LayoutInflater.from(context).inflate(R.layout.pull_to_refresh_header_simple, this);

break;

}

mInnerLayout = (FrameLayout) findViewById(R.id.fl_inner);

mHeaderText = (TextView) mInnerLayout.findViewById(R.id.pull_to_refresh_text);

mHeaderProgress = (ProgressBar) mInnerLayout.findViewById(R.id.pull_to_refresh_progress);

mSubHeaderText = (TextView) mInnerLayout.findViewById(R.id.pull_to_refresh_sub_text);

mHeaderImage = (ImageView) mInnerLayout.findViewById(R.id.pull_to_refresh_image);

FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) mInnerLayout.getLayoutParams();

switch (mode) {

case PULL_FROM_END:

lp.gravity = scrollDirection == Orientation.VERTICAL ? Gravity.TOP : Gravity.LEFT;

// Load in labels

mPullLabel = context.getString(R.string.pull_to_refresh_from_bottom_pull_label);

mRefreshingLabel = context.getString(R.string.pull_to_refresh_from_bottom_refreshing_label);

mReleaseLabel = context.getString(R.string.pull_to_refresh_from_bottom_release_label);

break;

case PULL_FROM_START:

default:

lp.gravity = scrollDirection == Orientation.VERTICAL ? Gravity.BOTTOM : Gravity.RIGHT;

// Load in labels

mPullLabel = context.getString(R.string.pull_to_refresh_pull_label);

mRefreshingLabel = context.getString(R.string.pull_to_refresh_refreshing_label);

mReleaseLabel = context.getString(R.string.pull_to_refresh_release_label);

break;

}

if (attrs.hasValue(R.styleable.PullToRefresh_ptrHeaderBackground)) {

Drawable background = attrs.getDrawable(R.styleable.PullToRefresh_ptrHeaderBackground);

if (null != background) {

ViewCompat.setBackground(this, background);

}

}

// if (attrs.hasValue(R.styleable.PullToRefresh_ptrHeaderTextAppearance)) {

// TypedValue styleID = new TypedValue();

// attrs.getValue(R.styleable.PullToRefresh_ptrHeaderTextAppearance, styleID);

// setTextAppearance(styleID.data);

// }

// if (attrs.hasValue(R.styleable.PullToRefresh_ptrSubHeaderTextAppearance)) {

// TypedValue styleID = new TypedValue();

// attrs.getValue(R.styleable.PullToRefresh_ptrSubHeaderTextAppearance, styleID);

// setSubTextAppearance(styleID.data);

// }

//

// // Text Color attrs need to be set after TextAppearance attrs

// if (attrs.hasValue(R.styleable.PullToRefresh_ptrHeaderTextColor)) {

// ColorStateList colors = attrs.getColorStateList(R.styleable.PullToRefresh_ptrHeaderTextColor);

// if (null != colors) {

// setTextColor(colors);

// }

// }

// if (attrs.hasValue(R.styleable.PullToRefresh_ptrHeaderSubTextColor)) {

// ColorStateList colors = attrs.getColorStateList(R.styleable.PullToRefresh_ptrHeaderSubTextColor);

// if (null != colors) {

// setSubTextColor(colors);

// }

// }

// Try and get defined drawable from Attrs

Drawable imageDrawable = null;

if (attrs.hasValue(R.styleable.PullToRefresh_ptrDrawable)) {

imageDrawable = attrs.getDrawable(R.styleable.PullToRefresh_ptrDrawable);

}

// Check Specific Drawable from Attrs, these overrite the generic

// drawable attr above

switch (mode) {

case PULL_FROM_START:

default:

if (attrs.hasValue(R.styleable.PullToRefresh_ptrDrawableStart)) {

imageDrawable = attrs.getDrawable(R.styleable.PullToRefresh_ptrDrawableStart);

} else if (attrs.hasValue(R.styleable.PullToRefresh_ptrDrawableTop)) {

Utils.warnDeprecation(“ptrDrawableTop”, “ptrDrawableStart”);

imageDrawable = attrs.getDrawable(R.styleable.PullToRefresh_ptrDrawableTop);

}

break;

case PULL_FROM_END:

if (attrs.hasValue(R.styleable.PullToRefresh_ptrDrawableEnd)) {

imageDrawable = attrs.getDrawable(R.styleable.PullToRefresh_ptrDrawableEnd);

} else if (attrs.hasValue(R.styleable.PullToRefresh_ptrDrawableBottom)) {

Utils.warnDeprecation(“ptrDrawableBottom”, “ptrDrawableEnd”);

imageDrawable = attrs.getDrawable(R.styleable.PullToRefresh_ptrDrawableBottom);

}

break;

}

// If we don’t have a user defined drawable, load the default

if (null == imageDrawable) {

imageDrawable = context.getResources().getDrawable(getDefaultDrawableResId());

}

// Set Drawable, and save width/height

setLoadingDrawable(imageDrawable);

reset();

}

public final void setHeight(int height) {

ViewGroup.LayoutParams lp = getLayoutParams();

lp.height = height;

requestLayout();

}

public final void setWidth(int width) {

ViewGroup.LayoutParams lp = getLayoutParams();

lp.width = width;

requestLayout();

}

public final int getContentSize() {

switch (mScrollDirection) {

case HORIZONTAL:

return mInnerLayout.getWidth();

case VERTICAL:

default:

return mInnerLayout.getHeight();

}

}

public final void hideAllViews() {

// if (View.VISIBLE == mHeaderText.getVisibility()) {

// mHeaderText.setVisibility(View.INVISIBLE);

// }

// if (View.VISIBLE == mHeaderProgress.getVisibility()) {

// mHeaderProgress.setVisibility(View.INVISIBLE);

// }

// if (View.VISIBLE == mHeaderImage.getVisibility()) {

// mHeaderImage.setVisibility(View.INVISIBLE);

// }

// if (View.VISIBLE == mSubHeaderText.getVisibility()) {

// mSubHeaderText.setVisibility(View.INVISIBLE);

// }

}

public final void onPull(float scaleOfLayout) {

if (!mUseIntrinsicAnimation) {

onPullImpl(scaleOfLayout);

}

}

public final void pullToRefresh() {

// if (null != mHeaderText) {

// mHeaderText.setText(mPullLabel);

// }

// Now call the callback

pullToRefreshImpl();

}

public final void refreshing() {

if (null != mHeaderText) {

mHeaderText.setText(mRefreshingLabel);

}

if (mUseIntrinsicAnimation) {

((AnimationDrawable) mHeaderImage.getDrawable()).start();

} else {

// Now call the callback

refreshingImpl();

}

// if (null != mSubHeaderText) {

// mSubHeaderText.setVisibility(View.GONE);

// }

}

public final void releaseToRefresh() {

// if (null != mHeaderText) {

// mHeaderText.setText(mReleaseLabel);

// }

// Now call the callback

releaseToRefreshImpl();

}

public final void reset() {

// if (null != mHeaderText) {

// mHeaderText.setText(mPullLabel);

// }

mHeaderImage.setVisibility(View.VISIBLE);

if (mUseIntrinsicAnimation) {

((AnimationDrawable) mHeaderImage.getDrawable()).stop();

} else {

// Now call the callback

resetImpl();

}

// if (null != mSubHeaderText) {

// if (TextUtils.isEmpty(mSubHeaderText.getText())) {

// mSubHeaderText.setVisibility(View.GONE);

// } else {

// mSubHeaderText.setVisibility(View.VISIBLE);

// }

// }

}

@Override

public void setLastUpdatedLabel(CharSequence label) {

// setSubHeaderText(label);

}

@Override

public final void setLoadingDrawable(Drawable imageDrawable) {

// Set Drawable

mHeaderImage.setImageDrawable(imageDrawable);

mUseIntrinsicAnimation = (imageDrawable instanceof AnimationDrawable);

// Now call the callback

onLoadingDrawableSet(imageDrawable);

}

@Override

public void setPullLabel(CharSequence pullLabel) {

mPullLabel = pullLabel;

}

@Override

public void setRefreshingLabel(CharSequence refreshingLabel) {

mRefreshingLabel = refreshingLabel;

}

@Override

public void setReleaseLabel(CharSequence releaseLabel) {

mReleaseLabel = releaseLabel;

}

@Override

public void setTextTypeface(Typeface tf) {

mHeaderText.setTypeface(tf);

}

public final void showInvisibleViews() {

// if (View.INVISIBLE == mHeaderText.getVisibility()) {

// mHeaderText.setVisibility(View.VISIBLE);

// }

// if (View.INVISIBLE == mHeaderProgress.getVisibility()) {

// mHeaderProgress.setVisibility(View.VISIBLE);

// }

if (View.INVISIBLE == mHeaderImage.getVisibility()) {

mHeaderImage.setVisibility(View.VISIBLE);

}

// if (View.INVISIBLE == mSubHeaderText.getVisibility()) {

// mSubHeaderText.setVisibility(View.VISIBLE);

// }

}

/**

  • Callbacks for derivative Layouts

*/

protected abstract int getDefaultDrawableResId();

protected abstract void onLoadingDrawableSet(Drawable imageDrawable);

protected abstract void onPullImpl(float scaleOfLayout);

protected abstract void pullToRefreshImpl();

protected abstract void refreshingImpl();

protected abstract void releaseToRefreshImpl();

protected abstract void resetImpl();

private void setSubHeaderText(CharSequence label) {

if (null != mSubHeaderText) {

if (TextUtils.isEmpty(label)) {

mSubHeaderText.setVisibility(View.GONE);

} else {

mSubHeaderText.setText(label);

// Only set it to Visible if we’re GONE, otherwise VISIBLE will

// be set soon

if (View.GONE == mSubHeaderText.getVisibility()) {

mSubHeaderText.setVisibility(View.VISIBLE);

}

}

}

}

private void setSubTextAppearance(int value) {

if (null != mSubHeaderText) {

mSubHeaderText.setTextAppearance(getContext(), value);

}

}

private void setSubTextColor(ColorStateList color) {

if (null != mSubHeaderText) {

mSubHeaderText.setTextColor(color);

}

}

private void setTextAppearance(int value) {

if (null != mHeaderText) {

mHeaderText.setTextAppearance(getContext(), value);

}

if (null != mSubHeaderText) {

mSubHeaderText.setTextAppearance(getContext(), value);

}

}

private void setTextColor(ColorStateList color) {

if (null != mHeaderText) {

mHeaderText.setTextColor(color);

}

if (null != mSubHeaderText) {

mSubHeaderText.setTextColor(color);

}

}

}

最后就不要让我提供源码了，笔者这里只是提供一个思路，把刷新的头布局更改为我们的自定义布局就行了。

最终效果是下拉刷新的时候会有一个不停在闪的灯，这里没有录制gif动画，只提供一张截图吧：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

愿你有一天，真爱自己，善待自己。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

效果低效又漫长，而且极易碰到天花板技术停滞不前！**

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-pdp0X6nJ-1711762594284)]

[外链图片转存中…(img-AyUwgbiv-1711762594285)]

[外链图片转存中…(img-iaf1fIQO-1711762594285)]

[外链图片转存中…(img-v9vIwdiF-1711762594285)]

[外链图片转存中…(img-shaX8Ku3-1711762594285)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

愿你有一天，真爱自己，善待自己。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
2401_84004012
关注
  • 8
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android UI- PullToRrefresh自定义下拉刷新动画，2021移动开发者大会
m0_64383081的博客
12-13 258
private AnimationDrawable animationDrawable; public TweenAnimLoadingLayout(Context context, Mode mode, Orientation scrollDirection, TypedArray attrs) { super(context, mode, scrollDirection, attrs); // 初始化 mHeaderImage.setImageResource(R.drawable.refresh_an
Android-自定义下拉刷新的RecylcerView
08-12
总的来说，自定义下拉刷新的RecyclerView涉及到了Android UI组件的高级用法，包括事件监听、动画制作以及数据管理。掌握这些技能将使你在Android开发中更加游刃有余。实践这些知识，你将能够创建出更加交互性和用户...
Android实现带动画的下拉刷新RecyclerView
极北三少
08-16 1938
不废话，先看效果，嗯…看起来有点卡，截图软件的问题： 图中普通列表是ListView样式，没有设置Header和Footer时使用默认的下拉刷新和上拉加载。而宫格列表和瀑布流列表使用的是自定义Header和Footer的下拉刷新和上拉上拉加载。 用法： Gradle: dependencies { compile 'com.sch.rfview:AnimRefr
Android源码解析－－超好看的下拉刷新动画
Hankkin的博客小园
08-30 6247
本篇博客代码下载地址：https://github.com/Yalantis/Taurus 最近在github上看到了好多高端、大气、上档次的动画效果，如果给你的项目中加上这些动画，相信你的app一定很优秀，今天给大家分析一下来自Yalantis的一个超好看的下拉刷新动画。 首先我们看一下效果如何： 怎么样？是不是很高大上？接下来我们看一下代码：
android下拉刷新精彩动画
偶像宣言
04-15 676
之前看到一种下拉刷新的效果，与以往的下拉效果都不一样，大多数下拉刷新都是一个圆形进度条在旋转，而这个下拉刷新则是一个不断填充的效果。本以为这是个自定义View，后来反编译慕课网的app后提取资源的时候看到好多的图片，那大概慕课网app内部的实现应该是帧动画达到这种效果。而当我看到这种效果的时候，由于前段时间在学自定义控件，所以本能的反应则是自定义的。首先我们看下慕课网的效果。如下图package c
Andriod下拉刷新(适配常用样式动画)
qq_35780492的博客
05-16 166
地址     https://github.com/Aspsine/SwipeToLoadLayout
Android-自定义ListeView下拉刷新-可直接使用
02-27
- 创建一个布局文件，定义下拉刷新的UI元素，如旋转动画、加载提示文本等。 - 将这个布局作为ListView的Header View添加到ListView中。 2. **监听手势**： - 通过监听ListView的OnScrollListener，我们可以获取...
swift-自定义下拉刷新控件
08-15
在iOS应用开发中，下拉刷新控件是一种常见的交互元素，它允许用户通过向...对于XDRefresh-master这个项目，很可能是开源的一个自定义下拉刷新解决方案，通过阅读和学习其代码，可以进一步提升我们的Swift UI开发技能。
Android--简单的自定义ListView下拉刷新
01-11
本篇文章将详细讲解如何在Android中实现一个简单的自定义ListView下拉刷新功能。 首先，下拉刷新功能通常涉及到两个主要部分：UI组件和逻辑处理。UI组件是用户可见的部分，包括可拉伸的头部视图和动画效果；逻辑...
Android自定义控件下拉刷新实例代码
09-01
下面我们将深入探讨如何在Android中实现一个自定义控件的下拉刷新功能。 首先，我们来看一下描述中提到的`pull_to_refresh.xml`布局文件，这是定义下拉刷新头部视图的关键部分。布局包含了一个`RelativeLayout`，...
android 水滴动画版下拉刷新
09-14
代码为博客的实例代码，有问题请博客留言：http://blog.csdn.net/seven2729/article/details/48435523
超好看的下拉刷新动画Android代码实现
09-02
超好看的下拉刷新动画Android代码实现，效果简单大方，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
探索Android 下拉刷新效果的实现
04-16
NULL 博文链接：https://ygydaiaq-gmail-com.iteye.com/blog/1782608
三种下拉刷新动画特效
10-04
三种下拉刷新动画特效
Android-PullDownListView-一个下拉刷新的控件实现了仿微信下拉中眼睛动画的效果
08-12
PullDownListView - 一个下拉刷新的控件，实现了仿微信下拉中眼睛动画的效果
Android PullToRrefresh 自定义下拉刷新动画 （listview、scrollview等）
u014038534的专栏
04-11 3864
前半部分参考自http://blog.csdn.net/superjunjin/article/details/45022595，转载过来记录学习情况，后半部分记录下 PullToRefreshScrollView 自定义下拉刷新动画，只需改一处。 以下部分转载自http://blog.csdn.net/superjunjin/article/details/45022595
Android仿QQ邮箱下拉刷新动画（三个小球围绕中心转动）
厚积薄发
06-27 2792
仿QQ邮箱下拉刷新动画（三个小球围绕中心转动） 该动画的实现主要借鉴了海龙的博客- 两个小球不停的绕中心旋转的进度条 ，在此感谢下。 1 首先上图（折腾了好久才把gif给搞了上去）2 分析2.1 当我们看到一个动画，首先需要对动画的效果进行分析，而不是盲目的进行开发2.2 动画的分解（先需要关注一个小球的效果，避免其他干扰）2.2.1 平移动画：把中心点的横坐标当作坐标的原点第一个小球的x轴变化
android下拉刷新动画效果代码_炫酷的列表下拉刷新效果
weixin_39648432的博客
11-27 504
点击上方“Android技术杂货铺”，选择“标星”干货文章，第一时间送达！下拉刷新是一个很常见的功能，现在很多app提供的下拉刷新效果都千篇一律，就像Google为我们提供的SwipeRefreshlayout，看多了是不是觉得有些厌倦了？如果在用户进行下拉等待的时候，给他们提供一些有创造力的效果，绝对会给用户带来不一样的体验。今天就为大家介绍一个烟花下拉刷新效果-FireworkyPu...
自定义Android下拉刷新与左滑删除控件实战教程
"这篇文章主要介绍了如何在Android应用中自定义一个组合控件，结合了下拉刷新和左滑删除的功能。作者在找不到满意的现成解决方案后，决定自己编写，并将成果分享出来。代码已上传至GitHub，供开发者参考学习。 实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值