{"id":13641732,"url":"https://github.com/hongyangAndroid/MagicViewPager","last_synced_at":"2025-04-20T11:31:57.967Z","repository":{"id":143459033,"uuid":"58247047","full_name":"hongyangAndroid/MagicViewPager","owner":"hongyangAndroid","description":"单页显示3个Item的ViewPager炫酷切换效果，适用于Banner等。","archived":false,"fork":false,"pushed_at":"2017-08-13T13:41:44.000Z","size":8905,"stargazers_count":869,"open_issues_count":8,"forks_count":212,"subscribers_count":35,"default_branch":"master","last_synced_at":"2024-08-03T01:24:34.501Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://blog.csdn.net/lmj623565791/article/details/51339751","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/hongyangAndroid.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-07T03:17:26.000Z","updated_at":"2024-05-24T07:25:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"5ddf117c-d4f5-4279-9cd8-538ebfab6d1b","html_url":"https://github.com/hongyangAndroid/MagicViewPager","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongyangAndroid%2FMagicViewPager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongyangAndroid%2FMagicViewPager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongyangAndroid%2FMagicViewPager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongyangAndroid%2FMagicViewPager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hongyangAndroid","download_url":"https://codeload.github.com/hongyangAndroid/MagicViewPager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223827601,"owners_count":17209812,"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":"2024-08-02T01:01:23.557Z","updated_at":"2024-11-09T12:31:01.054Z","avatar_url":"https://github.com/hongyangAndroid.png","language":"Java","readme":"# MagicViewPager\n单页显示3个Item的ViewPager炫酷切换效果，适用于Banner等。\n\n## 效果图\n\n* Rotate Y\n\n\u003cimg src=\"screenshot/rotate_y.gif\" width=\"420px\"/\u003e\n\n\n* Rotate Down\n\n\u003cimg src=\"screenshot/rotate_down.gif\" width=\"420px\"/\u003e\n\n* Rotate Up\n\n\u003cimg src=\"screenshot/rotate_up.gif\" width=\"420px\"/\u003e\n\n* Alpha\n\n\u003cimg src=\"screenshot/alpha.gif\" width=\"420px\"/\u003e\n\n* ScaleIn\n\n\u003cimg src=\"screenshot/scaleIn.gif\" width=\"420px\"/\u003e\n\n\n* ScaleIn + Alpha + Rotate Down\n\n\u003cimg src=\"screenshot/zuhe.gif\" width=\"420px\"/\u003e\n\n## 使用\n\n###（1）引入\n\n```\ncompile `com.zhy:magic-viewpager:1.0.1`\n```\n\n###（2）示例\n\n* 布局文件\n\n```\n\u003cFrameLayout\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"160dp\"\n    android:clipChildren=\"false\"\n    android:layout_centerInParent=\"true\"\n    android:background=\"#aadc71ff\"\n    \u003e\n    \u003candroid.support.v4.view.ViewPager\n        android:id=\"@+id/id_viewpager\"\n        android:layout_width=\"match_parent\"\n        android:layout_marginLeft=\"60dp\"\n        android:clipChildren=\"false\"\n        android:layout_marginRight=\"60dp\"\n        android:layout_height=\"120dp\"\n        android:layout_gravity=\"center\"\n        \u003e\n    \u003c/android.support.v4.view.ViewPager\u003e\n\n\u003c/FrameLayout\u003e\n```\n注意外层`android:layout_centerInParent=\"true\"`.\n\n* 编码\n\n```\nmViewPager.setPageMargin(20);//设置page间间距，自行根据需求设置\nmViewPager.setOffscreenPageLimit(3);//\u003e=3\nmViewPager.setAdapter...//写法不变\n\n//setPageTransformer 决定动画效果\nmViewPager.setPageTransformer(true, new \n\t\t\t\t\t\t\tRotateDownPageTransformer());\n```\n\n\n\n##目前可选动画\n\n* AlphaPageTransformer\n* RotateDownPageTransformer\n* RotateUpPageTransformer\n* RotateYTransformer\n* NonPageTransformer\n* ScaleInTransformer\n\n\n动画间可以自由组合，例如：\n\n```\nmViewPager.setPageTransformer(true, \n\tnew RotateDownPageTransformer(new AlphaPageTransformer(new ScaleInTransformer())));\n```\n\n##致谢\n\n本文是我在审公众号投稿时，由本篇文章产生灵感：[Android超高仿QQ附近的人搜索展示（一）](http://mp.weixin.qq.com/s?__biz=MzAxMTI4MTkwNQ==\u0026mid=2650820073\u0026idx=1\u0026sn=9e084723624180f7ab28e54f2aef132c\u0026scene=23\u0026srcid=0506b08maFirw2pBvnewcDsp#rd) ，ps:欢迎关注我的公众号。\n\n除上文外编码过程中参考：\n\n* http://blog.csdn.net/lmj623565791/article/details/40411921/","funding_links":[],"categories":["ViewPager"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FhongyangAndroid%2FMagicViewPager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FhongyangAndroid%2FMagicViewPager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FhongyangAndroid%2FMagicViewPager/lists"}