CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+ViewPager滑动效果,以及代码处理是否推动效果

本文主要是介绍CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+ViewPager滑动效果,以及代码处理是否推动效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_video_detail"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="exle.li_yuweii.superapp.activitys.VideoDetailActivity"><android.support.design.widget.AppBarLayout
        android:fitsSystemWindows="true"android:id="@+id/video_detail_appbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#ffff"app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"><!--可以收放 ToolBar的布局--><!--设置标题需要调用CollapsingToolbarLayout的 setTitle--><!--使用ContentScrim 可以指定颜色 图片 当收起来的时候,切换成指定的内容--><!--scrimVisibleHeightTrigger当收起多少距离的时候显示contentScrim--><android.support.design.widget.CollapsingToolbarLayout
            android:fitsSystemWindows="true"android:id="@+id/video_detail_collapsing"android:layout_width="match_parent"android:layout_height="200dp"app:contentScrim="#FB7299"app:layout_scrollFlags="scroll|exitUntilCollapsed"><!--app:scrimVisibleHeightTrigger="50dp"--><FrameLayout
                android:id="@+id/video_detail_fragment"android:layout_width="match_parent"android:layout_height="wrap_content"><SurfaceView
                    android:id="@+id/video_detail_surface_view"android:layout_width="match_parent"android:layout_height="200dp"android:visibility="invisible" /><LinearLayout
                    android:id="@+id/video_detail_play_view"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:background="#9999"android:gravity="center_vertical"android:orientation="horizontal"android:visibility="invisible"><ImageView
                        android:id="@+id/video_controller_play"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@android:drawable/ic_media_pause" /><SeekBar
                        android:id="@+id/video_controller_progress"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1" /><TextView
                        android:id="@+id/video_controller_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="00:00" /><ImageView
                        android:id="@+id/video_controller_orientation_switch"android:layout_width="20dp"android:layout_height="20dp"android:paddingLeft="3dp"android:src="@drawable/change" /></LinearLayout></FrameLayout><ImageView
                android:fitsSystemWindows="true"android:id="@+id/video_detail_cover"android:layout_width="match_parent"android:layout_height="wrap_content"android:adjustViewBounds="true"android:scaleType="fitXY" /><!--app:layout_collapseMode="parallax" />--><android.support.v7.widget.Toolbar
                android:id="@+id/video_detail_tool_bar"android:layout_width="match_parent"android:layout_height="?actionBarSize"app:layout_collapseMode="pin"><ImageView
                    android:id="@+id/video_detail_iamge1"android:src="@drawable/action_button_back_pressed_light"android:layout_width="wrap_content"android:layout_height="22dp" /><LinearLayout
                    android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="match_parent"><TextView
                        android:id="@+id/video_detail_text1"android:text="SuperApp"android:gravity="center"android:layout_width="wrap_content"android:layout_height="match_parent" /><ImageView
                        android:id="@+id/video_detail_image"android:src="@drawable/ic_tv_play"android:adjustViewBounds="true"android:visibility="invisible"android:layout_width="wrap_content"android:layout_gravity="center"android:layout_height="22dp" /><TextView
                        android:id="@+id/video_detail_text"android:visibility="invisible"android:text="立即播放"android:layout_width="wrap_content"android:layout_height="wrap_content" /></LinearLayout></android.support.v7.widget.Toolbar></android.support.design.widget.CollapsingToolbarLayout><!--Tab 简介和评论--></android.support.design.widget.AppBarLayout><android.support.design.widget.FloatingActionButton
        android:id="@+id/video_detail_play_fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginRight="16dp"app:layout_anchor="@id/video_detail_appbar"app:layout_anchorGravity="right|bottom" /><!--layut_behavior 用于处理 当前控件滚动的时候,怎么处理其他控件--><!--TODO:检查在ViewPager中使用,能否滚动Toolbar--><LinearLayout
        android:id="@+id/video_detail_linear_layout"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"app:layout_behavior="@string/appbar_scrolling_view_behavior"><android.support.design.widget.TabLayout
            android:id="@+id/video_detail_tab_layout"android:layout_width="150dp"android:layout_height="wrap_content"app:tabSelectedTextColor="@color/topColor"app:layout_behavior="@string/appbar_scrolling_view_behavior"android:layout_gravity="bottom"app:tabTextColor="#000"/><android.support.v4.view.ViewPager
            android:id="@+id/video_detail_view_pager"android:layout_width="match_parent"android:layout_height="match_parent"android:overScrollMode="never" /></LinearLayout><!--<android.support.v4.widget.NestedScrollView--><!--android:layout_width="match_parent"--><!--android:layout_height="match_parent"--><!--app:layout_behavior="@string/appbar_scrolling_view_behavior">--><!--<LinearLayout--><!--android:layout_width="match_parent"--><!--android:layout_height="match_parent"--><!--android:orientation="vertical">--><!--</LinearLayout>--><!--</android.support.v4.widget.NestedScrollView>--></android.support.design.widget.CoordinatorLayout>
  app:layout_scrollFlags="scroll|exitUntilCollapsed"

这个设置推到上边toolbar在上边保留

  android:fitsSystemWindows="true"

这个设置沉浸效果设置顶部状态栏时

app:layout_anchor="@id/video_detail_appbar"

FloatingActionButton必须绑定到AppBar上才可以推上去消失

 app:layout_behavior="@string/appbar_scrolling_view_behavior"

AppBar下方的控件要设置这个属性才可以联动

代码里设置推动效果

//设置不可推动layoutParams = (AppBarLayout.LayoutParams) collapsing.getLayoutParams();int scrollFlags = layoutParams.getScrollFlags(); layoutParams.setScrollFlags(0);
//设置可以推动
layoutParams = (AppBarLayout.LayoutParams) collapsing.getLayoutParams();layoutParams.setScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL| AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);collapsing.setLayoutParams(layoutParams);//这句必须加上

这篇关于CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+ViewPager滑动效果,以及代码处理是否推动效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/538984

相关文章

uniapp接入微信小程序原生代码配置方案(优化版)

uniapp项目需要把微信小程序原生语法的功能代码嵌套过来,无需把原生代码转换为uniapp,可以配置拷贝的方式集成过来 1、拷贝代码包到src目录 2、vue.config.js中配置原生代码包直接拷贝到编译目录中 3、pages.json中配置分包目录,原生入口组件的路径 4、manifest.json中配置分包,使用原生组件 5、需要把原生代码包里的页面修改成组件的方

公共筛选组件(二次封装antd)支持代码提示

如果项目是基于antd组件库为基础搭建,可使用此公共筛选组件 使用到的库 npm i antdnpm i lodash-esnpm i @types/lodash-es -D /components/CommonSearch index.tsx import React from 'react';import { Button, Card, Form } from 'antd'

17.用300行代码手写初体验Spring V1.0版本

1.1.课程目标 1、了解看源码最有效的方式,先猜测后验证,不要一开始就去调试代码。 2、浓缩就是精华,用 300行最简洁的代码 提炼Spring的基本设计思想。 3、掌握Spring框架的基本脉络。 1.2.内容定位 1、 具有1年以上的SpringMVC使用经验。 2、 希望深入了解Spring源码的人群,对 Spring有一个整体的宏观感受。 3、 全程手写实现SpringM

JavaScript全屏,监听页面是否全屏

在JavaScript中,直接监听浏览器是否进入全屏模式并不直接支持,因为全屏API主要是关于请求和退出全屏模式的,而没有直接的监听器可以告知页面何时进入或退出全屏模式。但是,你可以通过在你的代码中跟踪全屏状态的改变来模拟这个功能。 以下是一个基本的示例,展示了如何使用全屏API来请求全屏模式,并在请求成功或失败时更新一个状态变量: javascriptlet isInFullscreen =

代码随想录算法训练营:12/60

非科班学习算法day12 | LeetCode150:逆波兰表达式 ,Leetcode239: 滑动窗口最大值  目录 介绍 一、基础概念补充: 1.c++字符串转为数字 1. std::stoi, std::stol, std::stoll, std::stoul, std::stoull(最常用) 2. std::stringstream 3. std::atoi, std

记录AS混淆代码模板

开启混淆得先在build.gradle文件中把 minifyEnabled false改成true,以及shrinkResources true//去除无用的resource文件 这些是写在proguard-rules.pro文件内的 指定代码的压缩级别 -optimizationpasses 5 包明不混合大小写 -dontusemixedcaseclassnames 不去忽略非公共

以canvas方式绘制粒子背景效果,感觉还可以

这个是看到项目中别人写好的,感觉这种写法效果还可以,就存留记录下 就是这种的背景效果。如果想改背景颜色可以通过canvas.js文件中的fillStyle值改。 附上demo下载地址。 https://download.csdn.net/download/u012138137/11249872

echarts省份标注加散点效果

这个是安徽的效果图,鼠标移到红色标注或者对应的市区位置都会显示对应的数值。 先直接上代码: import anhuiMapJson from './anhui.json'getCoords: function(city) {var res = [];if (city != null) {for (var c in this.cityMap.features) {if (this.cityMa

麻了!一觉醒来,代码全挂了。。

作为⼀名程序员,相信大家平时都有代码托管的需求。 相信有不少同学或者团队都习惯把自己的代码托管到GitHub平台上。 但是GitHub大家知道,经常在访问速度这方面并不是很快,有时候因为网络问题甚至根本连网站都打不开了,所以导致使用体验并不友好。 经常一觉醒来,居然发现我竟然看不到我自己上传的代码了。。 那在国内,除了GitHub,另外还有一个比较常用的Gitee平台也可以用于

百度OCR识别结构结构化处理视频

https://edu.csdn.net/course/detail/10506