怎么在Android中使用ViewPager控件实现卡片翻动效果
怎么在Android中使用ViewPager控件实现卡片翻动效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联主要从事网站设计、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务巴林右旗,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
第一步、创建卡片viewpager适配器的itemview的布局文件:
第二步、创建适配器:
class CardAdapter(var context: Context) : PagerAdapter() { val horoscopestrImgs = intArrayOf(R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher) override fun isViewFromObject(view: View, `object`: Any): Boolean { return view === `object` } override fun getCount(): Int { return 12 * 30 } override fun instantiateItem(container: ViewGroup, position: Int): Any { val view = LayoutInflater.from(context).inflate(R.layout.home_viewpage_item, null) view.home_viewpage_item_img.setImageResource(horoscopestrImgs.get(position%12)) container.addView(view) return view } override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) { container.removeView(`object` as View) } }
第三步、创建放viewpager控件的布局文件:
第四步、创建viewpager滑动切换动画效果:
class CardTransformer(var context: Context) :ViewPager.PageTransformer{ val TAG = "CardTransformer" private val MAX_SCALE = 1.0f private val MIN_SCALE = 0.85f//0.85f var animator:ObjectAnimator?=null override fun transformPage(page: View, position: Float) { //设置了内间距 有0.15的偏差 var pos=position -0.15.toFloat() if ( pos <= 1) { val scaleFactor = MIN_SCALE + (1 - Math.abs(pos)) * (MAX_SCALE - MIN_SCALE) page.scaleX = scaleFactor //缩放效果 if (pos > 0) { page.translationX = -scaleFactor * 2 } else if (pos < 0 && pos > -1) { page.translationX = scaleFactor * 2 } page.scaleY = scaleFactor } else { page.scaleX = MIN_SCALE page.scaleY = MIN_SCALE } } }
第五步、开始调用实现卡片效果的关键代码:
class MainActivity : Activity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main7) //设置ViewPager中两页之间的距离 // viewpager?.setPageMargin(80) //自定义ViewPager的页面切换动画 viewpager?.setPageTransformer(false, CardTransformer(applicationContext)) //设置viewpager预加载的页数 viewpager?.offscreenPageLimit = 5 viewpager?.currentItem = 12 * 15 viewpager?.setAdapter(CardAdapter(this)) } }
Android是什么
Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。
关于怎么在Android中使用ViewPager控件实现卡片翻动效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。
文章题目:怎么在Android中使用ViewPager控件实现卡片翻动效果
浏览地址:http://scyanting.com/article/jcoipg.html