Android 模仿iPhone列表数据View刷新动画详解
作者:lqh 时间:2021-10-05 07:57:47
因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下:既然好玩就写在博客中,直接说就是:该效果类似于iPhone中View的切换动画效果,今天就只介绍上面展示的效果。
废话不多说,先上效果,再看代码!!
效果一:
效果二:
效果三:
效果四:(犯错的效果):
效果五(回旋效果一):
效果六(回旋效果二):
效果看完了,就来看下上面效果实现的具体代码吧, 中间会把我自己试验的、犯的错误都以注释的形式写下来的, 大家使用的时候别出错就行了!先来看下使用的布局文件,很简单的布局:
XML/HTML代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ListView
android:id="@+id/firstPage"
android:layout_width="fill_parent"
android:layout_weight="1.0"
android:layout_height="0dip"/>
<ListView
android:id="@+id/secondPage"
android:layout_width="fill_parent"
android:layout_weight="1.0"
android:layout_height="0dip"
android:visibility="gone"/>
<Button
android:id="@+id/startNext"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/next"
/>
</LinearLayout>
XML/HTML代码
<strong> 下面再来看下实现以上效果的具体代码,代码中所标的顺序与上面显示的效果图一致:</strong>
Java代码
package com.xiaoma.www;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.CycleInterpolator;
import android.view.animation.DecelerateInterpolator;
import android.view.animation.Interpolator;
import android.view.animation.OvershootInterpolator;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
/**
* @Title: BetweenAnimationActivity.java
* @Package com.xiaoma.www
* @Description: 小马学习模仿iPhone列表分页旋转刷新
* @author XiaoMa
*/
public class BetweenAnimationActivity extends Activity implements OnClickListener {
/**资源声明*/
private Button startNext = null ;
private ListView firstPage = null ;
private ListView secondPage = null ;
/**列表项声明*/
private static final String firstItem[] =
{"海阔人生","光辉岁月","无尽空虚","真的爱你","岁月无声","灰色轨迹","再见理想"};
private static final String secondItem[] =
{"洗唰唰","爱啦啦","喜欢你","娃哈哈","小马果","大坏蛋","冷雨夜"};
/**列表页面切换动画插值器声明一*/
private Interpolator accelerator = new AccelerateInterpolator();
private Interpolator decelerator = new DecelerateInterpolator();
/**动画插值器二:效果五与效果六都为以下插值器*/
private Interpolator accelerator1= new CycleInterpolator(45f);
private Interpolator decelerator1= new OvershootInterpolator();
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
/**
* 这个地方写下,大家尽量不要在onCreate方法中写太多的操作,
* 如果涉及到很多配置问题时有些属性设置必须在onCreate()方法中
* 写,比如:全屏、横竖屏必须在setContentView()前面写,
* 如果在onCreate()方法中写太多东西的,一句话:太乱!!
* */
init();
}
/**
* 初始化实现
*/
private void init(){
/**资源定位,添加监听*/
startNext = (Button)findViewById(R.id.startNext);
startNext.setOnClickListener(this);
firstPage = (ListView)findViewById(R.id.firstPage);
secondPage = (ListView)findViewById(R.id.secondPage);
ArrayAdapter<String> firstAdapter = new ArrayAdapter<String>
(this, android.R.layout.simple_list_item_1,firstItem);
ArrayAdapter<String> secondAdapter = new ArrayAdapter<String>
(this, android.R.layout.simple_list_item_1, secondItem);
firstPage.setAdapter(firstAdapter);
secondPage.setAdapter(secondAdapter);
}
@Override
public void onClick(View v) {
changePage();
}
//实现列表页面切换
private void changePage() {
final ListView visiable ;
final ListView invisiable ;
if(firstPage.getVisibility() == View.GONE){
visiable = secondPage ;
invisiable = firstPage ;
}else{
visiable = firstPage ;
invisiable = secondPage ;
}
//这个地方大家可能看到了ObjectAnimator这个类,一开始我也不知道是什么东西,很简单,查官方文档,官方文档中的解释一堆英文,我//一直说的,我英文烂的要死,但不怕,只要你想,就肯定可以查出来的,大家 只看一句:该类是 ValueAnimator的子类,可以根据给定//的属性名称给目标对象设置动画参数
//效果一(此处效果顺序与效果图一一对应)
//final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationX",-90f, 0f);
ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationX", 0f, 90f);
//效果二
final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationY",-90f, 0f);
ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationY", 0f, 90f);
//效果三(这个地方的alpha属性值大家只记一点:值越大越不透明就可以了!!!)
//final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "alpha", 0.0f, 1.0f );
//ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "alpha", 1.0f, 0.0f );
//效果四(此于是我犯的一个错误,很天真的以为应该也有rotationZ属性名称,其实是错的,在ofFloat参数中并无此属性名称,但大家还//是可以看到列表正常,其实显示 效果很不正常了因为后台已经报错,但应用仍然不会停止 ,照常运行,但效果仅仅是两个ListView直接//替换,并无任何动画添加到其中,这个地方大家注意下): ObjectAnimator.ofFloat(invisiable, "rotationZ",-90f, 0f);
visToInvis.setDuration(500);
visToInvis.setInterpolator(accelerator);
invisToVis.setDuration(500);
invisToVis.setInterpolator(decelerator);
//这个地方记录下,下面这个 * 小马第一次见到,查阅官方文档解释如下:此监听来监听动画的生命周期如:开始、结束、正在播放、循//环播放等 ,此处切记: Animation是不可以监听动画的,它只负责动画的
visToInvis.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator anim) {
/*
* 列举几个动画的监听:
* 一:anim.isRunning(){//TODO}
* 二:anim.isStarted(){//TODO}
* 三:anim.end(){//TODO}
*/
visiable.setVisibility(View.GONE);
invisToVis.start();
invisiable.setVisibility(View.VISIBLE);
}
});
visToInvis.start();
}
}
最后,再说下,文章标题中说是分页动画,其实这些动画并不仅仅局限于分页上面的,如果大家把插值器、动画用灵活一点的话, 也可以做出很个性的带有很多动画的应用的,再加上Activity之间的动画与以上这些结合的话就更完美了,Activity之间的动画大家可以参照我之前写的这篇文章(连接如下),希望对大家有所帮助。
标签:Android,iPhone,列表数据刷新
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
iOS中的导航栏UINavigationBar与工具栏UIToolBar要点解析
2023-07-08 16:52:22
![](https://img.aspxhome.com/file/2023/7/98647_0s.png)
PC蓝牙通信C#代码实现
2023-07-06 19:59:32
区块链java代码实现
2023-02-04 04:00:24
![](https://img.aspxhome.com/file/2023/9/79179_0s.jpg)
SpringDataElasticsearch与SpEL表达式实现ES动态索引
2021-11-27 01:33:03
![](https://img.aspxhome.com/file/2023/8/61558_0s.png)
Git和Maven的子模块简单实践
2023-09-22 01:45:55
java实现文件压缩成zip的工具类
2022-09-25 09:13:17
Java Bean与xml互相转换的方法分析
2021-08-12 13:34:00
ElasticSearch查询文档基本操作实例
2023-11-24 14:20:02
基于Hibernate中配置文件的学习(分享)
2022-02-11 12:03:31
![](https://img.aspxhome.com/file/2023/8/80858_0s.png)
Unity Shader实现描边OutLine效果
2022-01-13 03:11:13
![](https://img.aspxhome.com/file/2023/0/76380_0s.gif)
java实现水果超市管理系统
2022-02-03 12:52:32
Java实现雪花算法(snowflake)
2022-10-27 03:43:23
![](https://img.aspxhome.com/file/2023/0/81300_0s.png)
IO中flush()函数的使用代码示例
2023-11-27 03:49:00
![](https://img.aspxhome.com/file/2023/4/60044_0s.gif)
Spring实战之Bean的作用域singleton和prototype用法分析
2023-03-23 20:48:37
Android下拉刷新以及GridView使用方法详解
2022-12-26 18:01:24
Java调取创蓝253短信验证码的实现代码
2021-11-05 00:48:10
Spring boot 集成Dubbox的方法示例
2023-09-22 23:49:04
SpringBoot优雅地实现全局异常处理的方法详解
2023-09-06 09:17:02
Android 6.0区别U盘和SD卡设备的方法详解
2022-09-09 13:10:58
Android操作SQLite数据库(增、删、改、查、分页等)及ListView显示数据的方法详解
2022-11-28 10:03:09
![](https://img.aspxhome.com/file/2023/7/91717_0s.jpg)