首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android 折叠式布局

    嵌套好之后设置一些简单的样式即可 到这一步基本上这个折叠布局已经完成了,然后只要填充相关的控件即可实现效果,要注意的点是Toolbar中放置的是你需要折叠和展开的控件,而AppBarLayout中放置的是...为了使体现更好可以AppBarLayout下面放一个滚动条,不要用ScrollView而是NestedScrollView因为这里你是要联动的。...不论是ScrollView还是NestedScrollView,里面都只能包裹一个控件,我常用的是LinearLayout 然后LinearLayout里面设置纵向排列,放三张图片,这样LinearLayout...的总高度就会超过手机屏幕,形成滑动之后图片向上面展示的效果,其实加了NestedScrollView之后,即使里面什么东西都没有,你照样可以滚动,但是如果你用ScrollView就不行,它里面就必须要有东西才行...> NestedScrollView> </android.support.design.widget.CoordinatorLayout

    1.4K20

    炫酷~RecyclerView视差装饰器-ParallaxDecoration

    老规矩,先上图,看看是不是你想要的,美团效果: 最终效果: 来一个图形分析 接下来我要写一个简单示例,先分析一下布局,见下图,最外层是NestedScrollView,之后嵌套一个LinearLayout...NestedScrollView重写 需要继承自NestedScrollView并重写onStartNestedScroll和onNestedPreScroll方法,如下 package com.cyn.mt...--相当于分析图中头部的LinearLayout,模拟动态添加的情况--> LinearLayout android:id="@+id/titleLinerLayout...,来监听titleLinerLayout的高度,由于这一块布局常常是通过网络请求后加载,所以,网络请求完毕后要再次实现post设置coordinatorScrollView最大滑动距离,如第80行代码和第...AppCompatActivity() { //屏幕宽 var screenWidth = 0 //屏幕高 var screenHeight = 0 //tabLayout的文本和图片

    77100

    进来看看是不是你想要的效果,Android吸顶效果,并有着ViewPager左右切换

    老规矩,先上图,看看是不是你想要的 美团: [美团] --- 来一个图形分析 接下来我要写一个简单示例,先分析一下布局,见下图,最外层是NestedScrollView,之后嵌套一个LinearLayout...--- NestedScrollView重写 需要继承自NestedScrollView并重写onStartNestedScroll和onNestedPreScroll方法,如下 package com.cyn.mt...--相当于分析图中头部的LinearLayout,模拟动态添加的情况--> LinearLayout android:id="@+id/titleLinerLayout...,来监听titleLinerLayout的高度,由于这一块布局常常是通过网络请求后加载,所以,网络请求完毕后要再次实现post设置coordinatorScrollView最大滑动距离,如第80行代码和第...AppCompatActivity() { //屏幕宽 var screenWidth = 0 //屏幕高 var screenHeight = 0 //tabLayout的文本和图片

    2K30

    Material Design 实战 之 第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型的功能实现(充分利用系统状态栏空间)

    首先实现标题栏部分,这里使用CoordinatorLayout来作为最外层布局(我们在讲监测snackbar弹出,解决其遮挡悬浮按钮问题的时候用到过这个布局),如下: LinearLayout,然后再在LinearLayout中放入具体的内容,如下: .........(水果标题栏)以及NestedScrollView(水果详情栏)布局平级。...所以这里需要一个系统差异型的效果,即 对于Android5.0及之后的系统使用背景图和状态栏融合的模式; 在之前的系统中使用普通的模式; 让背景图和系统状态栏融合,需要借助Android:fitsSystemWindows...然后在FruitAcuvityTheme中将状态栏的颜色指定成透明色, 由于values-v21目录是只有Android5.0及以上的系统才会去读取的, 因此这么声明是没有问题的。

    2.3K40

    AppBarLayout学习

    AppBarLayout是一个垂直的LinearLayout,实现了很多和协调布局一起合作的滚动属性。...scroll属性是其他属性的基础,并且由于AppBarLayout是一个垂直的LinearLayout,因此一旦一个View没有设置该属性,那么该View之后的效果都会生效,可以简单认为是该View把后面...pic_11"/> 效果如下图: 可以看到设置了minHeight以及enterAlwaysCollapsed后,ImageView先滚动到最小高度,然后ScrollView滚动,最后ImageView和ToolBar...exitUtilCollapsed 当向上滑动时,称为exit;向下滑动时,称为enter,这样理解起enterAlways和enterAlwaysCollpased就很好理解了,理解exitUtilCollapsed...总结 AppBarLayout是一个垂直的LinearLayout,内部可以布局多个View,在CoordinatorLayout内部与ScrollView共同作用,一共有五种scrollFlags设置

    1.1K30

    CoordinatorLayout使用(四):和Toolbar的简单使用

    简单复习 这篇也就简单使用,和前面关系不大 就暂时不复习了 这篇可能有点啰嗦,并且只是使用,没有难度 熟悉的同学略过前面,或者整篇略过 ---- Toolbar简介 Toolbar出来至少也有2年多了...textColorPrimary">@android:color/black Toolbar简单例子 建立一个项目以后,写一个Toolbar 这里只有一个Toolbar 对应的layout,很简单吧 LinearLayout...attr/colorPrimary" android:minHeight="45dp"> LinearLayout...这里Toolbar会一直显示 ---- Toolbar和NestedScrollView联动 前面不能联动,是因为没有接收的behavior 我们在Toolbar外面添加一个 android.support.design.widget.AppBarLayout...a5-2.gif 大体就这样了 代码见后面的地址 ---- 简单小节 CoordinatorLayout中,NestedScrollView和Toolbar联动 注意Toolbar外面要套AppBarLayout

    1.5K30
    领券