状态栏2---ToolBar可折叠效果
来源:互联网 发布:linux 添加唤醒源 编辑:程序博客网 时间:2024/06/05 21:38
CollapsingToolbarLayout和加上一个ImageView可以给Toolbar提供酷炫的可折叠的效果。
AppBarLayout嵌套CollapsingToolbarLayout,里面又嵌套ImageView和Toolbar。
1、在CollapsingToolbarLayout中:
我们设置了layout_scrollFlags:关于它的值我这里再说一下:
scroll - 想滚动就必须设置这个。
enterAlways - 实现quick return效果, 当向下移动时,立即显示View(比如Toolbar)。
exitUntilCollapsed - 向上滚动时收缩View,但可以固定Toolbar一直在上面。
enterAlwaysCollapsed - 当你的View已经设置minHeight属性又使用此标志时,你的View只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度。
其中还设置了一些属性,简要说明一下:
contentScrim - 设置当完全CollapsingToolbarLayout折叠(收缩)后的背景颜色。
expandedTitleMarginStart - 设置扩张时候(还没有收缩时)title向左填充的距离。
2、在ImageView控件中:
我们设置了:
layout_collapseMode (折叠模式) - 有两个值:
pin - 设置为这个模式时,当CollapsingToolbarLayout完全收缩后,Toolbar还可以保留在屏幕上。
parallax - 设置为这个模式时,在内容滚动时,CollapsingToolbarLayout中的View(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier(设置视差因子)搭配使用。
layout_collapseParallaxMultiplier(视差因子) - 设置视差滚动因子,值为:0~1。
3、在Toolbar控件中:
我们设置了layout_collapseMode(折叠模式):为pin。
使用CollapsingToolbarLayout时必须把title设置到CollapsingToolbarLayout上,设置到Toolbar上不会显示。即:
mCollapsingToolbarLayout.setTitle(“Your Title “);
改变title的字体颜色:
扩张时候的title颜色:mCollapsingToolbarLayout.setExpandedTitleColor();
收缩后在Toolbar上显示时的title的颜色:mCollapsingToolbarLayout.setCollapsedTitleTextColor();
这个颜色的过度变化其实CollapsingToolbarLayout已经帮我们做好,它会自动的过度。
activity_main.xml
<?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" android:id="@+id/content_main" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appBar" android:layout_width="match_parent" android:layout_height="256dp" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:title="JacksonYi" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:minHeight="100dp" android:scaleType="centerCrop" android:src="@mipmap/wish1" app:layout_collapseMode="parallax" app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways"></android.support.v7.widget.Toolbar> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v7.widget.RecyclerView android:id="@+id/rvToDoList" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /></android.support.design.widget.CoordinatorLayout>
MainActivity.java
package com.example.administrator.coordinatordemo;import android.os.Bundle;import android.support.design.widget.CollapsingToolbarLayout;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import java.util.ArrayList;public class MainActivity extends AppCompatActivity { private RecyclerView rvToDoList; private ArrayList<String> mDatas; private CollapsingToolbarLayout toolbarLayout; private Toolbar toolbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initViews();// toolbarLayout.setTitle("Jackson Yi"); initDatas(); rvToDoList.setLayoutManager(new LinearLayoutManager(this)); rvToDoList.setAdapter(new MyAdapter()); } public void initViews() { rvToDoList = (RecyclerView) findViewById(R.id.rvToDoList); toolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); toolbar = (Toolbar) findViewById(R.id.toolbar); } public void initDatas() { mDatas = new ArrayList<String>(); for (int i = 'A'; i < 'z'; i++) { mDatas.add("" + (char) i); } } class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { MyViewHolder viewHolder = new MyViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_num, parent, false)); return viewHolder; } @Override public void onBindViewHolder(MyViewHolder holder, int position) { holder.tv.setText(mDatas.get(position)); } @Override public int getItemCount() { return mDatas.size(); } class MyViewHolder extends RecyclerView.ViewHolder { TextView tv; public MyViewHolder(View view) { super(view); tv = (TextView) view.findViewById(R.id.id_num); } } }}
item_num.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:id="@+id/id_num" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="1" android:textColor="#630" android:textSize="30dp" /></LinearLayout>
- 状态栏2---ToolBar可折叠效果
- 状态栏3---ToolBar可折叠效果,添加监听
- CollapsingToolbarLayout可折叠的toolbar
- 可折叠的Toolbar—CollapsingToolbarLayout
- Android DrawerLayout+ToolBar+NavigationView实现策划效果,沉浸式状态栏
- 实现可折叠效果
- Android之可折叠Toolbar的实现
- 仿微信可折叠效果的TextView
- Toolbar状态栏的配置
- Android 5.0+可折叠toolbar布局(CollapsingToolbarLayout)的使用
- 细说 AppbarLayout,如何理解可折叠 Toolbar 的定制
- ToolBar显示到状态栏、不全
- Toolbar实现沉浸式状态栏
- toolbar实现沉浸式状态栏
- 用gridview实现可折叠的现实效果
- JQuery 创建可折叠效果的菜单
- 可折叠listview(效果与expandablelistview相同)
- 一步步走进Android MaterialDesign 之 ToolBar动画效果(2)
- 1.SpringMVC_简单HelloWorld
- C语言中的4字节对齐详解
- 项目管理-PMP-第13章 考试认证计算题目
- 饿了么:日订单量超900万的架构设计及演进之路
- 快启动怎么使用?u盘启动盘制作工具使用教程
- 状态栏2---ToolBar可折叠效果
- RF,GBDT,xgboost调参方法整理
- nodejs真的是单线程吗?
- Eclipse查看方法被哪些地方调用的快捷方式
- JS的四种异步方式:回调/监听/流程控制库/promise
- Redis字符类型和散列类型学习
- 一个语句的疏忽,排查了半天----引以为戒
- Android Studio中获取SHA1值
- Java8 并发教程之Thread与Executors