安卓：为ListView增加折叠、展开效果

2023-12-05 07:27:39

引言

在安卓应用程序中，折叠、展开列表是常见而直观的交互形式。我们可以使用属性动画来实现这个效果。动画会让界面更加流畅，给用户带来更好的体验。

实现步骤

首先，我们需要在布局文件中创建一个ListView。

<ListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

然后，我们需要创建一个Adapter来为ListView提供数据。

class MyAdapter : BaseAdapter() {

    override fun getCount(): Int {
        return 10
    }

    override fun getItem(position: Int): Any {
        return "Item $position"
    }

    override fun getItemId(position: Int): Long {
        return position.toLong()
    }

    override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
        val view = convertView ?: LayoutInflater.from(parent?.context).inflate(R.layout.list_item, parent, false)
        view.findViewById<TextView>(R.id.text_view).text = getItem(position) as String
        return view
    }
}

接下来，我们需要在Activity中设置Adapter。

val listView = findViewById<ListView>(R.id.list_view)
listView.adapter = MyAdapter()

现在，我们可以使用属性动画来实现折叠、展开效果。

val animator = ObjectAnimator.ofFloat(listView, "translationY", 0f, listView.height.toFloat())
animator.duration = 500
animator.addListener(object : AnimatorListenerAdapter() {

    override fun onAnimationStart(animation: Animator?) {
        super.onAnimationStart(animation)
        listView.visibility = View.VISIBLE
    }

    override fun onAnimationEnd(animation: Animator?) {
        super.onAnimationEnd(animation)
        listView.visibility = View.GONE
    }
})
listView.setOnClickListener {
    animator.start()
}