CoordinatorLayout 朋友圈 Toolbar 效果

最新推荐文章于 2024-05-03 15:12:06 发布

JIYangg

最新推荐文章于 2024-05-03 15:12:06 发布

阅读量333

点赞数

分类专栏： Android 文章标签： android coordinatorLayout

本文链接：https://blog.csdn.net/just_107/article/details/88586780

版权

这篇博客介绍了如何利用CoordinatorLayout、AppBarLayout和CollapsingToolbarLayout来创建类似朋友圈的Toolbar效果。详细讲解了Behavior的概念，以及如何设置layout_scrollFlags以实现不同滚动行为。还提到了CollapsingToolbarLayout的功能，如折叠Title、内容和状态栏的纱布效果，以及视差滚动和子View固定。

摘要由CSDN通过智能技术生成

Step1 简单介绍 CoordinatorLayout

作用：协调子 View
使用核心: Behavior
布局属性类似 FrameLayout

Behavior

两个概念：

Child：CoordinatorLayout 的子 View
Dependency：Child 依赖的 View

简单使用：

定义 Behavior

class SimpleBehavior(context: Context, attrs: AttributeSet) : CoordinatorLayout.Behavior<Button>(context, attrs) {
   
	private val screenWidth: Int = context.resources?.displayMetrics?.widthPixels!!
	override fun layoutDependsOn(parent: CoordinatorLayout, child: Button, dependency: View): Boolean {
   
		//判断是否依赖的View
		return dependency is WithFingerTextView
	}
	// 当依赖的 View 位置 宽高发生变化时，执行这个方法
	override fun onDependentViewChanged(parent: CoordinatorLayout, child: Button, dependency: View): Boolean {
   
		val x = screenWidth - dependency.x - child.width
		// 更新 Child
		setPosition(child, x.toInt(), dependency.y.toInt())
		return true
	}
	private fun setPosition(v: View, x: Int, y: Int) {
   
		val layoutParams: CoordinatorLayout.LayoutParams = v.layoutParams as CoordinatorLayout.LayoutParams
		layoutParams.leftMargin = x
		layoutParams.topMargin = y
		v.layoutParams = layoutParams	
	}
}

布局中使用

<android.support.design.widget.CoordinatorLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<Button		
		android:layout_width="100dp"
		android:layout_height="wrap_content"
		android:text="A Button"
		app:layout_behavior="com.jy.friendcircleappbar.SimpleBehavior" /></