{"id":23897948,"url":"https://github.com/byteszero/viewpagerwithanimations","last_synced_at":"2025-06-13T07:38:09.552Z","repository":{"id":27812153,"uuid":"31301638","full_name":"BytesZero/ViewPagerWithAnimations","owner":"BytesZero","description":"ViewPager的一些动画效果","archived":false,"fork":false,"pushed_at":"2015-02-26T05:40:40.000Z","size":38292,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T14:46:15.279Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BytesZero.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-25T07:09:13.000Z","updated_at":"2016-09-29T09:54:38.000Z","dependencies_parsed_at":"2022-08-24T23:00:48.260Z","dependency_job_id":null,"html_url":"https://github.com/BytesZero/ViewPagerWithAnimations","commit_stats":null,"previous_names":["byteszero/viewpagerwithanimations"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BytesZero%2FViewPagerWithAnimations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BytesZero%2FViewPagerWithAnimations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BytesZero%2FViewPagerWithAnimations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BytesZero%2FViewPagerWithAnimations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BytesZero","download_url":"https://codeload.github.com/BytesZero/ViewPagerWithAnimations/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248260176,"owners_count":21074207,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-04T17:19:14.900Z","updated_at":"2025-04-10T17:05:14.607Z","avatar_url":"https://github.com/BytesZero.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ViewPagerWithAnimations\n给viewPager的添加上动画效果，并且使之兼容API11以下的版本\n\n###重写ViewPager类\n```java\npublic class MyViewPager extends ViewGroup {\n...\n      public void setPageTransformer(boolean reverseDrawingOrder, ViewPager.PageTransformer transformer) {\n//        if (Build.VERSION.SDK_INT \u003e= 11) {\n            final boolean hasTransformer = transformer != null;\n            final boolean needsPopulate = hasTransformer != (mPageTransformer != null);\n            mPageTransformer = transformer;\n            setChildrenDrawingOrderEnabledCompat(hasTransformer);\n            if (hasTransformer) {\n                mDrawingOrder = reverseDrawingOrder ? DRAW_ORDER_REVERSE : DRAW_ORDER_FORWARD;\n            } else {\n                mDrawingOrder = DRAW_ORDER_DEFAULT;\n            }\n            if (needsPopulate) populate();\n//        }\n    }\n...\n}\n```\n1. 注释掉判断SDK版本的地方 ```if (Build.VERSION.SDK_INT \u003e= 11) {```\n2. ```PageTransformer``` 改为```ViewPager.PageTransformer```\n\n###XML Layout\n```java\n\u003ccom.zhengsonglan.viewpagerwithanimations.UI.MyViewPager\n        android:id=\"@+id/main_viewpager\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\"/\u003e\n```\n\n\n###编写动画\n\n######动画1\n```java\npublic class ZoomOutPageTransformer implements ViewPager.PageTransformer {\n    private static final float MIN_SCALE = 0.85f;\n    private static final float MIN_ALPHA = 0.5f;\n\n\n    public void transformPage(View view, float position) {\n        int width = view.getWidth();\n        int pageWidth = width;\n        int pageHeight = view.getHeight();\n\n        if (position \u003c -1) { // [-Infinity,-1)\n            // This page is way off-screen to the left.\n            ViewHelper.setAlpha(view, 0);\n\n\n        } else if (position \u003c= 1) { // [-1,1]\n            // Modify the default slide transition to shrink the page as well\n            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));\n            float vertMargin = pageHeight * (1 - scaleFactor) / 2;\n            float horzMargin = pageWidth * (1 - scaleFactor) / 2;\n            if (position \u003c 0) {\n                float result1=horzMargin-vertMargin/2;\n                ViewHelper.setTranslationX(view,result1);\n            } else {\n                float result2=-horzMargin + vertMargin / 2;\n                ViewHelper.setTranslationY(view,result2);\n            }\n\n            // Scale the page down (between MIN_SCALE and 1)\n\n            ViewHelper.setScaleX(view,scaleFactor);\n            ViewHelper.setScaleY(view,scaleFactor);\n\n            ViewHelper.setAlpha(view,MIN_ALPHA +\n                    (scaleFactor - MIN_SCALE) /\n                            (1 - MIN_SCALE) * (1 - MIN_ALPHA));\n        } else { // (1,+Infinity]\n            // This page is way off-screen to the right.\n            ViewHelper.setAlpha(view,0);\n        }\n    }\n}\n```\n\n######效果\n\n![](https://github.com/yy1300326388/ViewPagerWithAnimations/blob/master/image/viewpager1.gif)\n\n######动画2\n\n```java\n\n/**\n * Created by zsl on 2015/2/25.\n * 动画2\n */\npublic class DepthPageTransformer implements ViewPager.PageTransformer {\n    private static final float MIN_SCALE = 0.75f;\n\n    public void transformPage(View view, float position) {\n        int pageWidth = view.getWidth();\n\n        if (position \u003c -1) { // [-Infinity,-1)\n            // This page is way off-screen to the left.\n            ViewHelper.setAlpha(view,0);\n\n        } else if (position \u003c= 0) { // [-1,0]\n            // Use the default slide transition when moving to the left page\n\n            ViewHelper.setAlpha(view,1);\n            ViewHelper.setTranslationX(view,0);\n            ViewHelper.setScaleX(view,1);\n            ViewHelper.setScaleY(view,1);\n\n        } else if (position \u003c= 1) { // (0,1]\n            // Fade the page out.\n            ViewHelper.setAlpha(view,1-position);\n\n            // Counteract the default slide transition\n            ViewHelper.setTranslationX(view,pageWidth * -position);\n            // Scale the page down (between MIN_SCALE and 1)\n            float scaleFactor = MIN_SCALE\n                    + (1 - MIN_SCALE) * (1 - Math.abs(position));\n            ViewHelper.setScaleX(view,scaleFactor);\n            ViewHelper.setScaleY(view,scaleFactor);\n\n        } else { // (1,+Infinity]\n            // This page is way off-screen to the right.\n            ViewHelper.setAlpha(view,0);\n        }\n    }\n}\n\n```\n\n######效果\n\n![](https://github.com/yy1300326388/ViewPagerWithAnimations/blob/master/image/viewpager2.gif)\n\n######动画3\n\n```java\n/**\n * Created by zsl on 2015/2/25.\n * 动画3\n */\npublic class Animation3Transformer implements ViewPager.PageTransformer {\n    private static final float MAX_ROATE = 20f;\n\n\n    public void transformPage(View view, float position) {\n        int width = view.getWidth();\n        int pageWidth = width;\n        int pageHeight = view.getHeight();\n\n        if (position \u003c -1) { // [-Infinity,-1)\n            ViewHelper.setRotation(view,0);\n        } else if (position \u003c= 1) { // [-1,1]\n            float result=position*MAX_ROATE;\n            ViewHelper.setPivotX(view,pageWidth*0.5f);\n            ViewHelper.setPivotY(view,pageHeight);\n            ViewHelper.setRotation(view,result);\n        } else { // (1,+Infinity]\n            ViewHelper.setRotation(view,0);\n        }\n    }\n}\n```\n\n######效果\n\n![](https://github.com/yy1300326388/ViewPagerWithAnimations/blob/master/image/viewpager3.gif)\n\n######动画4\n```java\n/**\n * Created by zsl on 2015/2/25.\n * 动画4\n */\npublic class Animation4Transformer implements ViewPager.PageTransformer {\n    private static final float MAX_ROATE = 360f;\n\n\n    public void transformPage(View view, float position) {\n        int width = view.getWidth();\n        int pageWidth = width;\n        int pageHeight = view.getHeight();\n\n        if (position \u003c -1) { // [-Infinity,-1)\n            ViewHelper.setRotation(view,0);\n            ViewHelper.setAlpha(view,1);\n        } else if (position \u003c= 1) { // [-1,1]\n            float result=position*MAX_ROATE;\n            //旋转\n            ViewHelper.setPivotX(view,pageWidth*0.5f);\n            ViewHelper.setPivotY(view, pageHeight*0.5f);\n            ViewHelper.setRotation(view,result);\n            //透明度\n            ViewHelper.setAlpha(view,1-Math.abs(position));\n            //缩放\n            ViewHelper.setScaleY(view,1-Math.abs(position));\n            ViewHelper.setScaleX(view,1-Math.abs(position));\n\n        } else { // (1,+Infinity]\n            ViewHelper.setRotation(view,0);\n            ViewHelper.setAlpha(view,1);\n        }\n    }\n```\n\n######效果\n\n![](https://github.com/yy1300326388/ViewPagerWithAnimations/blob/master/image/viewpager4.gif)\n\n#Thanks for\n1.JakeWharton : [NineOldAndroids](https://github.com/JakeWharton/NineOldAndroids/)\n\n2.Google : [Using ViewPager for Screen Slides](http://developer.android.com/intl/zh-cn/training/animation/screen-slide.html)\n#Developed By\n\n* zsl - \u003c1300326388@qq.com\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyteszero%2Fviewpagerwithanimations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbyteszero%2Fviewpagerwithanimations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyteszero%2Fviewpagerwithanimations/lists"}