Metiral Design几种常用控件使用介绍

CoordinatorLayout(协调布局)

# CoordinatorLayout继承自ViewGroup,并且实现了NestedScrollingParent2,一般用来作为父容器结合AppbarLayout,CollapsingToolbarLayout,ToolBar一起使用来实现各种炫酷的滑动效果。

CoordinatorLayout.Behavior: Behavior是CoordinatorLayout里面的一个内部类,通过它我们可以与 CoordinatorLayout的一个或者多个子View进行交互。

app:layout_behavior=" "属性示例:

示例图1

AppBarLayout

AppBarLayout继承自LinearLayout,默认orientation是vertical,使用中需要注意的是AppBarLayout必须作为CoordinatorLayout的直接子View,否则它的大部分功能将不会生效,如layout_scrollFlags。

app:layout_scrollFlags=" "属性:

示例图2
示例图3

app:layout_scrollFlags="scroll|exitUntilCollapsed":

app:layout_scrollFlags="scroll|enterAlways":

app:layout_scrollFlags="scroll|enterAlways|snap":

CollapsingToolbarLayout

CollapsingToolbarLayout继承自FrameLayout,是一个工具栏的包装器,它通常作为AppBarLayout的子View。我们可以通过给其内部子View设置app:layout_collapseMode="pin"属性来控制其折叠展开时的视差效果。

app:layout_collapseMode="pin"属性介绍:

示例图4

1."pin",在滑动的时候View不会呈现出视差效果;

2."parallax",在滑动的时候View会呈现出视差效果;




最后给出完整示例代码供参考:

完整代码示例


附加:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容