状态栏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>
原创粉丝点击