android 3d翻转动画 viewpage,ViewPager3D旋转效果

最新推荐文章于 2021-12-19 15:00:40 发布
最新推荐文章于 2021-12-19 15:00:40 发布
阅读量266 收藏
点赞数
文章标签： ViewPager 3D旋转 动画效果 自定义Adapter PageTransformer

AAffA0nNPuCLAAAAAElFTkSuQmCC这是一个3D旋转效果的viewPager：

ViewPager viewPager= (ViewPager) findViewById(R.id.viewPager);

PagerAdapter实现几个方法

getCount：返回数据源size

isViewFromObject()你pagerAdapter选中的内容是不是当成一个对象来处理

的意思吧

instantiateItem：instantiateItem将view添加，并且返回

destroyItem：移除一个view

3D旋转动画的实现

viewPager.setPageTransformer(true, transformer);

设置自定义旋转动画；

@Override

public void onTransform(View view, float position) {

float rotation = 180f * position;

view.setTranslationX(view.getWidth() * -position);

view.setAlpha(rotation > 90f || rotation < -90f ? 0 : 1);

view.setPivotX(view.getWidth() * 0.5f);

view.setPivotY(view.getHeight() * 0.5f);

view.setRotationY(rotation);

if (position > -0.5f && position < 0.5f) {

view.setVisibility(View.VISIBLE);

} else {

view.setVisibility(View.INVISIBLE);

}

}

postion代表旋转的，

4564344
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现3D翻转动画
05-15
adroid简单实现3D翻转动画，一封装成类，可以拿来即用。----------->赶快下载
Android动画分析之3D翻转效果
萌萌的It人 www.itmmd.com
02-28 1304
Android中的翻转动画效果的实现，首先看一下运行效果如上图所示.Android中并没有提供直接做3D翻转的动画，所以关于3D翻转的动画效果需要我们自己实现，那么我们首先来分析一下Animation 和 Transformation。Animation动画的主要接口，其中主要定义了动画的一些属性比如开始时间，持续时间，是否重复播放等等。而Transformation中则包含一个矩阵和alpha值
ViewPager 3D翻转
lxfeng1098751554的专栏
11-30 1013
利用PageTransformer实现ViewPager3D翻转 mDensity = getResources().getDisplayMetrics().density; mViewPager.setOffscreenPageLimit(2);//缓存两页，此处必须设置 mViewPager.setPageTransformer(true,newFlipPagerTransformer())
Android动画之3D翻转动画
问道
05-15 638
很多时候我们需要在界面中实现3D的点击发生动画翻转效果，现在我们就来实现一下这个效果。 1.首先我们实现一个动画类FlipAnimation继承Animation package com.example.flip3ddemo;import android.graphics.Camera; import android.graphics.Matrix; import android.view.ani
android 自定义酷炫ViewPager切换效果带页面弹性指示器动画
09-02
在本教程中，我们将深入探讨如何创建一个自定义的ViewPager，使其具有酷炫的页面切换动画以及带有弹性效果的页面指示器。 首先，我们需要理解ViewPager的基本工作原理。ViewPager是Android Support Library的一部分...
Android ViewPager画廊效果详解及实例
01-04
上面的效果类似Android里面ViewPage的效果，但是跟ViewPager有所不同，ViewPager每次只能显示一张图片。 其实我们是利用到了View的clipChildren属性，我们在这里要把ViewPager以及它的父窗体都设置为false，如下: ...
Android实现千变万化的ViewPager切换动画
09-02
在这个方法中，你可以根据`position`值来改变页面的视图属性，如缩放、旋转等，从而实现动画效果。`position`的值范围在-1.0到1.0之间，表示页面在切换过程中的相对位置，-1.0代表完全离开屏幕的前一个页面，0.0代表...
Android编程ViewPager回弹效果实例分析
09-03
总的来说，实现ViewPager的回弹效果需要理解Android的触摸事件处理机制，并能正确地控制视图的动画。通过自定义ViewPager并重写相关方法，我们可以实现一个符合预期的回弹效果，提升用户的交互体验。这个实例不仅...
ViewPager+Fragmet 3D效果
07-22
总结来说，"ViewPager+Fragmet 3D效果"是Android开发中一种高级的用户界面技巧，通过自定义ViewPager和适配器，结合合适的动画库，可以在应用中实现富有立体感的页面切换效果。在实际操作中，注意SDK版本匹配和性能...
Android实现3D翻转动画效果
01-05
Android中并没有提供直接做3D翻转的动画，所以关于3D翻转的动画效果需要我们自己实现，那么我们首先来分析一下Animation 和 Transformation。 Animation动画的主要接口，其中主要定义了动画的一些属性比如开始时间，持续时间，是否重复播放等等。而Transformation中则包含一个矩阵和alpha值，矩阵是用来做平移，旋转和缩放动画的，而alpha值是用来做alpha动画的，要实现3D旋转动画我们需要继承自Animation类来实现，我们需要重载getTransformation和applyTransformation，在getTransformation中A
viewpager3D翻页效果
10-17
利用viewpager技术实现-类似3D翻页效果，第一次写技术，希望大家多包涵
StereoPageTransformer-一个简单好看3D的ViewPager翻转动画.zip
09-24
一直都很喜欢Instagram的快拍（Story）功能，也很喜欢他们的翻转效果，是一种简单的3D翻转效果。大致效果如下：instagramstory.gif貌似最近微博也出了一个差不多的Story的功能，用的翻转动画也是和Instagram一样。思路看到这样的效果，很容易想到用ViewPager的Transformer动画来实现。当然这种翻转效果网上也有相应的实现，就是以View的左边或右边为旋转轴进行空间上Y轴的旋转。于是很容易我们可以写出下面的代码public class StereoPagerTransformer implements ViewPager.PageTransformer {   private static final float MAX_ROTATE_Y = 90;   private final float pageWidth;   public StereoPagerTransformer(float pageWidth) {     this.pageWidth = pageWidth;   }   public void transformPage(View view, float position) {     view.setPivotY(view.getHeight() / 2);     if (position < -1) { // [-Infinity,-1)       // This page is way off-screen to the left.       view.setPivotX(0);       view.setRotationY(90);     } else if (position <= 0) { // [-1,0]       view.setPivotX(pageWidth);       view.setRotationY(position * MAX_ROTATE_Y);     } else if (position <= 1) { // (0,1]       view.setPivotX(0);       view.setRotationY(position * MAX_ROTATE_Y);     } else { // (1, Infinity]       // This page is way off-screen to the right.       view.setPivotX(0);       view.setRotationY(90);     }   } }然后运行代码看一下我们实现的效果：badtransformer.gif额，总觉哪里不对，嗯，就是动画的速度不对，上面的写法就是一个匀速进行的动画，效果非常不理想，这时我们就要重新写一个插值器（TimeInterpolator ），在尝试了系统自带的差值器后，发现效果仍然不是很理想。于是决定自己写一个插值器。关于插值器根据TimeInterpolator代码中的文档可以得知，插值器用于控制动画进行的速度，其输入值为0~1，输出值也为0~1。/**  * A time interpolator defines the rate of change of an animation. This allows animations  * to have non-linear motion, such as acceleration and deceleration.  */ public interface TimeInterpolator {     /**      * Maps a value representing the elapsed fraction of an animation to a value that represents      * the interpolated fraction. This interpolated value is then multiplied by the change in      * value of an animation to derive the animated value at the current elapsed animation time.      *      * @param input A value between 0 and 1.0 indicating our current point      *        in the animation where 0 represents the start and 1.0 represents      *        the end      * @return The interpolation value. This value can be more than 1.0 for      *         interpolators which overshoot their targets, or less than 0 for      *         interpolators that undershoot their targets.      */     float getInterpolation(float input); }经过简单的分析，这次我们的动画应该在动画前半段时进行缓慢一些（也就是输入值在0到某个值之间），在后半段时（也就是输入值在某个值到1之间）进行的快速一些。经过简单的调整，最终我写了如下的插值器private static final TimeInterpolator sInterpolator = new TimeInterpolator() {         @Override         public float getInterpolation(float input) {             if (input < 0.7) {                 return input * (float) pow(0.7, 3) * MAX_ROTATE_Y;             } else {                 return (float) pow(input, 4) * MAX_ROTATE_Y;             }         }     };再次运行代码，这次效果看上去好多了，哈哈，一个简单又好看的效果就完成了。goodtransformer.gif最后附上完整的代码：import android.animation.TimeInterpolator; import android.support.v4.view.ViewPager; import android.view.View; import static java.lang.Math.pow; /**  * @author wupanjie  */ public class StereoPagerTransformer implements ViewPager.PageTransformer {     private static final float MAX_ROTATE_Y = 90;     private static final TimeInterpolator sInterpolator = new TimeInterpolator() {         @Override         public float getInterpolation(float input) {             if (input < 0.7) {                 return input * (float) pow(0.7, 3) * MAX_ROTATE_Y;             } else {                 return (float) pow(input, 4) * MAX_ROTATE_Y;             }         }     };     private final float pageWidth;     public StereoPagerTransformer(float pageWidth) {         this.pageWidth = pageWidth;     }     public void transformPage(View view, float position) {         view.setPivotY(view.getHeight() / 2);         if (position < -1) { // [-Infinity,-1)             // This page is way off-screen to the left.             view.setPivotX(0);             view.setRotationY(90);         } else if (position <= 0) { // [-1,0]             view.setPivotX(pageWidth);             view.setRotationY(-sInterpolator.getInterpolation(-position));         } else if (position <= 1) { // (0,1]             view.setPivotX(0);             view.setRotationY(sInterpolator.getInterpolation(position));         } else { // (1, Infinity]             // This page is way off-screen to the right.             view.setPivotX(0);             view.setRotationY(90);         }     } }总结动画的灵魂在于它的插值器，插值器控制了动画进行的速度，这次我选择自己写了一个插值器作为练手，其实我这次写的插值器效果仍不是很平滑，动画的插值器也应该用贝塞尔曲线来制作，这样我们的动画就会进行的更平滑。具体大家可以参考自带的PathInterpolator，是在API 21以后引入的，当然它也有对应的兼容包。
android使用FlipAnimation实现3D垂直翻转动画
01-04
本文实例为大家分享了android实现3D垂直翻转动画的具体代码，供大家参考，具体内容如下 需求 对ImageView进行类似于翻纸牌的动画 解决 各种Animator的组合 第一步动画： 动画代码文件1，card_flip_left_out.xml <?xml version=1.0 encoding=utf-8?> <set xmlns:android=http://schemas.android.com/apk/res/android> <!-- 先缩小 --> <objectAnimator android:duration=200
flip:适用于 Android 的 Android 翻转 3D 视图动画和过渡
06-09
翻动 有关更多详细信息，请参阅。 翻转 3D 视图动画和过渡 在您的 android 应用程序中创建令人敬畏的 3D 视图转换 Android 中的视图转换动画非常有限。 一个特别的遗漏是 iOS 中常见的 3D 翻转过渡。 该项目包含一个允许 3D 翻转动画的动画子类和一个库，该库采用 ViewAnimator（例如 ViewFlipper）并为其子视图（从左到右或从右到左）设置翻转过渡动画。 大多数翻转动画中缺少的关键要素是缩放效果。 没有它，y 轴上的简单翻转会显得非常 2D，并失去其独特的 3D 感觉。 看看，看看它的外观。 AnimationFactory 类中还有许多其他动画。 享受。 如何安装 在此处获取源的副本。 将 /src/com 文件夹复制粘贴到项目的源文件夹中。 通过执行以下操作在任何 ViewAnimator（例如 ViewFipper）中使用翻转过渡：
Android 3d翻转动画（实例）
juxuny~
08-15 810
原理以后再说，主要使用android的
android 3d翻转动画 viewpage,利用ViewPager实现3D画廊效果及其图片加载优化
weixin_29122543的博客
05-25 1593
前言对于ViewPager，相信大家都已经很熟悉了，在各种切换场景比如Fragment切换、选项卡的切换或者顶部轮播图片等都可以用ViewPager去实现。那么本篇文章带来ViewPager的一种实现效果：3D画廊。直接上图来看：ic.gif从上面的图我们可以看出，整个页面分成三个部分，中间的是大图，正中地显示给用户；而两边的是侧图，而这两幅图片又有着角度的旋转，与大图看起来不在同一平面上，这就形...
android 3d 翻转效果,android 控件 3d 旋转效果
weixin_34483980的博客
05-30 353
项目中 用到控件的旋转效果 ，研究了一下 这里做个记录旋转类Rotate3dpackage com.appdoll.rotate3dtest;import android.graphics.Camera;import android.graphics.Matrix;import android.view.animation.Animation;import android.view.animati...
Android 登录3D翻转动画效果
number_cmd9的博客
12-19 1680
Android 登录3D翻转动画效果
androidstudio使用Viewpage和tablayout实现滑动效果
最新发布
06-09
好的，下面是使用ViewPager和TabLayout实现滑动效果的步骤： 1.在布局文件中添加ViewPager和TabLayout组件 ```xml <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" app:tabMode="scrollable" app:tabTextColor="@android:color/white" app:tabSelectedTextColor="@android:color/white" app:tabIndicatorColor="@android:color/white" app:tabIndicatorHeight="3dp" /> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2.在Java代码中初始化ViewPager和TabLayout组件 ```java ViewPager viewPager = findViewById(R.id.viewPager); TabLayout tabLayout = findViewById(R.id.tabLayout); MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(adapter); tabLayout.setupWithViewPager(viewPager); ``` 3.实现FragmentPagerAdapter类，用于管理ViewPager中的Fragment ```java public class MyFragmentPagerAdapter extends FragmentPagerAdapter { private String[] titles = {"Tab 1", "Tab 2", "Tab 3"}; public MyFragmentPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch (position) { case 0: return new Fragment1(); case 1: return new Fragment2(); case 2: return new Fragment3(); default: return null; } } @Override public int getCount() { return titles.length; } @Nullable @Override public CharSequence getPageTitle(int position) { return titles[position]; } } ``` 4.实现三个Fragment类，用于显示在ViewPager中的内容 ```java public class Fragment1 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment1_layout, container, false); return view; } } public class Fragment2 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment2_layout, container, false); return view; } } public class Fragment3 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment3_layout, container, false); return view; } } ``` 5.创建三个布局文件fragment1_layout.xml、fragment2_layout.xml、fragment3_layout.xml，用于显示在ViewPager中的内容 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 1" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 2" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 3" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` 以上就是使用ViewPager和TabLayout实现滑动效果的步骤，希望对你有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值