使用Kotlin实现实现炫酷卡片布局

  • 时间:
  • 浏览:0
  • 来源:大发5分快3APP下载_大发5分快3APP官方

mDatas.add(0,user)

view.scaleX = 1f - CardConfig.SCALE_GAP * level

fraction = 1.0

以后 没有写博客了,最近就看了另有另一个比较好的卡片效果,买车人就使用Kotlin来实现這個效果练练手

1、自定义LayoutManager,外理卡片的层叠显示效果

2、使用ItemTouchHelper实现任何方向的拖动效果,并在拖动回调中外理数据

if (level > 0) {

//测量view

super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive)

//循环遍历,摆放子view

var left=(width- decorateWidth)/2

}

addView(view)

}else{

mAdapter.notifyItemMoved(viewHolder!!.layoutPosition,0)

//获取到回收站中的view

//摆放控件(布局装饰)

val user = mDatas.removeAt(viewHolder!!.layoutPosition)

//设置结速英语 了了遍历的position

view.scaleY = 1f - CardConfig.SCALE_GAP * level

//将view装进去 RecyclerView的回收站中

ItemTouchHelper.CallBack的关键代码

}

}



使用Kotlin实现自定义 LayoutManager + ItemTouchHelper 实现炫酷卡片布局

override fun generateDefaultLayoutParams(): RecyclerView.LayoutParams {

if (level < CardConfig.MAX_SHOW_COUNT - 1) {

}

//给另有另一个反向的过渡动画

}

val distance = Math.sqrt(dX * dX + dY * dY.toDouble())

卡片效果

}

view.scaleY = 1 - CardConfig.SCALE_GAP * (level - 1).toFloat()

view.scaleY = (1 - CardConfig.SCALE_GAP * level + fraction * CardConfig.SCALE_GAP).toFloat()

return RecyclerView.LayoutParams(RecyclerView.LayoutParams.WRAP_CONTENT, RecyclerView.LayoutParams.WRAP_CONTENT)

val view = recycler!!.getViewForPosition(position)

view.translationY=CardConfig.TRANS_Y_GAP * (level - 1).toFloat()

initPosition = itemCount - CardConfig.MAX_SHOW_COUNT

val level = itemCount - position - 1

for (i in 0..itemCount - 1) {

卡片动效

view.translationY = CardConfig.TRANS_Y_GAP * level.toFloat()

//交换item的位置,并刷新适配器

if (fraction > 1) {

}

if (CardConfig.MAX_SHOW_COUNT > itemCount) {

实在走到这里离成功就很近了,都可否 看出这里的动画效果比较生硬,可是下面再实现另有另一个反向的动画即可

detachAndScrapAttachedViews(recycler)

步骤:

//当level是0到MAX_SHOW_COUNT-2

}

if (level >= 0) {

override fun onSwiped(viewHolder: RecyclerView.ViewHolder?, direction: Int) {

for (position in initPosition..itemCount - 1 ) {

override fun onChildDraw(c: Canvas?, recyclerView: RecyclerView?, viewHolder: RecyclerView.ViewHolder?, dX: Float, dY: Float, actionState: Int, isCurrentlyActive: Boolean) {

layoutDecorated(view, left, top, left + decorateWidth, top + decorateHeight)

var decorateHeight = getDecoratedMeasuredHeight(view)

自定义LayoutManager只须要实现另有另一个办法:generateDefaultLayoutParams()和onLayoutChildren(),代码中注释写的很清楚了,下面就直接上代码

} else if (level == CardConfig.MAX_SHOW_COUNT - 1) {

好了,基本完工了,具体代码移步github:

https://github.com/93Laer/SwipeCardLayoutManagerDemo

// level是MAX_SHOW_COUNT-1

本文来自云栖社区企业企业合作伙伴“安卓巴士Android开发者门户”,了解相关信息都可否 关注“安卓巴士Android开发者门户”。

走到这里没有意外就能运行出一下效果了

本文作者:laer_L

}

卡片界面



view.translationY = (CardConfig.TRANS_Y_GAP * level - fraction * CardConfig.TRANS_Y_GAP).toFloat()

}

var fraction:Double = distance / maxDistance.toDouble()

}

//动画外理(移动,缩放)

view.scaleX = (1 - CardConfig.SCALE_GAP * level + fraction * CardConfig.SCALE_GAP).toFloat()

override fun onLayoutChildren(recycler: RecyclerView.Recycler?, state: RecyclerView.State?) {

} else {

}

initPosition = 0

view.scaleX = 1 - CardConfig.SCALE_GAP * (level - 1).toFloat()

val itemCount = recyclerView.childCount

val view = recyclerView.getChildAt(i)

//将view添加到RecyclerView中

view.translationY = CardConfig.TRANS_Y_GAP * (level - 1).toFloat()

//这里模拟生成另有另一个0-1的值

var decorateWidth = getDecoratedMeasuredWidth(view)

val level = itemCount - i - 1

原文发布时间为:2018-11-15

效果如下:

if (level < CardConfig.MAX_SHOW_COUNT-1) {

val maxDistance = recyclerView!!.width * 0.5f

分析:

使用RecyclerView的自定义 LayoutManager + ItemTouchHelper 实现效果

measureChild(view, 0, 0)

var initPosition: Int

var top=(height- decorateHeight)/2