Android Material Design:基于CoordinatorLayout实现向上滚动导航条ToolBar滚出、向下滚动导航条滚出

时间：2022-12-23 02:29:42

Android Material Design:基于CoordinatorLayout实现向上滚动导航条ToolBar滚出、向下滚动导航条滚出

activity_main.xml：

 <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     xmlns:app="http://schemas.android.com/apk/res-auto"

     android:id="@+id/main_content"

     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="wrap_content" >

         <!-- app:layout_scrollFlags="scroll|enterAlways" -->

         <!-- 这句话的作用：向上滑动的时候Toolbar消失，向下滑的时候ToolBar立即出现 -->

         <!-- 如果没有scroll的话向上滑动Toolbar不会消失 -->

         <!-- 如果没有enterAlways的话向下滑动Toolbar不会立即出现，会有短暂的延迟 -->

         <!-- android:minHeight="?attr/actionBarSize"（默认为此） 设置Toolbar的NavigationIcon位置 -->

         <android.support.v7.widget.Toolbar

             android:id="@+id/toolBar"

             android:layout_width="match_parent"

             android:layout_height="wrap_content"

             app:layout_scrollFlags="scroll|enterAlways"

             android:background="#9C27B0"

             android:minHeight="?attr/actionBarSize" >

             <TextView

                 android:layout_width="wrap_content"

                 android:layout_height="wrap_content"

                 android:text="可以添加多个view，会挤压标题栏"

                 android:textColor="#E91E63" />

         </android.support.v7.widget.Toolbar>

         <android.support.design.widget.TabLayout

             android:id="@+id/tabLayout"

             android:layout_width="match_parent"

             android:layout_height="wrap_content"

             android:background="#e0e0e0"

             app:tabIndicatorColor="#ef5350"

             app:tabSelectedTextColor="#1976d2"

             app:tabTextColor="#90caf9" />

     </android.support.design.widget.AppBarLayout>

     <!-- app:layout_behavior="@string/appbar_scrolling_view_behavior"的作用是使上方两个数据不被AppBarLayout遮盖 -->

     <android.support.v7.widget.RecyclerView

         android:id="@+id/recyclerView"

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         app:layout_behavior="@string/appbar_scrolling_view_behavior" />

     <android.support.design.widget.FloatingActionButton

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:layout_gravity="right|bottom"

         android:layout_marginBottom="10dip"

         android:layout_marginRight="10dip"

         android:src="@drawable/ic_launcher"

         app:backgroundTint="#e57373"

         app:borderWidth="10dp"

         app:elevation="10dip"

         app:fabSize="normal"

         app:pressedTranslationZ="10dp"

         app:rippleColor="#c62828" />

 </android.support.design.widget.CoordinatorLayout>

MainActivity.java：

 package com.example.testappbarlayout_zzw;

 import android.app.Activity;

 import android.content.Context;

 import android.os.Bundle;

 import android.support.design.widget.TabLayout;

 import android.support.v7.widget.LinearLayoutManager;

 import android.support.v7.widget.RecyclerView;

 import android.support.v7.widget.RecyclerView.Adapter;

 import android.support.v7.widget.Toolbar;

 import android.support.v7.widget.RecyclerView.ViewHolder;

 import android.view.LayoutInflater;

 import android.view.View;

 import android.view.ViewGroup;

 import android.widget.LinearLayout;

 import android.widget.TextView;

 public class MainActivity extends Activity {

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         Toolbar mToolbar=(Toolbar) findViewById(R.id.toolBar);

         mToolbar.setLogo(R.drawable.ic_launcher);

         mToolbar.setNavigationIcon(R.drawable.ic_launcher);

         mToolbar.setTitle("大家好");

         mToolbar.setSubtitle("我是xxx");

         TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout);

         for (int i = 0; i < 10; i++)

             tabLayout.addTab(tabLayout.newTab().setText("选项" + i));

         tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

         RecyclerView mRecyclerView=(RecyclerView) findViewById(R.id.recyclerView);

         LinearLayoutManager mLayoutManager=new LinearLayoutManager(this);

         mLayoutManager.setOrientation(LinearLayout.VERTICAL);

         mRecyclerView.setLayoutManager(mLayoutManager);

         MyRecyclerViewAdapter adapter=new MyRecyclerViewAdapter(this);

         mRecyclerView.setAdapter(adapter);

     }

     private class MyViewHolder extends ViewHolder{

         public TextView text;

         public MyViewHolder(View itemView) {

             super(itemView);

             text=(TextView) itemView.findViewById(android.R.id.text1);

         }

     }

     private class MyRecyclerViewAdapter extends Adapter<MyViewHolder>{

         private LayoutInflater inflater;

         public MyRecyclerViewAdapter(Context context) {

             inflater=LayoutInflater.from(context);

         }

         @Override

         public int getItemCount() {

             return 100;

         }

         @Override

         public void onBindViewHolder(MyViewHolder viewHolder, int position) {

             viewHolder.text.setText("测试数据："+position);

         }

         @Override

         public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int arg1) {

             View v=inflater.inflate(android.R.layout.simple_list_item_1,null);

             MyViewHolder holder=new MyViewHolder(v);

             return holder;

         }

     }

 }

可能出现的相关问题解决：

使用android.support.v7.widget.RecyclerView出现 java.lang.reflect.InvocationTargetException：http://www.cnblogs.com/zzw1994/p/5004564.html

使用android.support.design出现java.lang.reflect.InvocationTargetException：http://www.cnblogs.com/zzw1994/p/5012467.html

相关文章