如何在整个应用程序中使用自定义工具栏

时间:2016-07-30 05:38:15

标签: android android-activity android-toolbar android-tablayout android-coordinatorlayout

我在我的应用程序中使用坐标工具栏制作工具栏,以便我可以在滚动时隐藏toolbar。我内心也有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"
android:layout_width="match_parent"
android:layout_height="match_parent"
>

<android.support.design.widget.AppBarLayout
    android:id="@+id/AppBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <android.support.v7.widget.Toolbar                 
xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/orange"
        app:layout_scrollFlags="scroll|enterAlways"
        app:titleTextColor="@color/white"> 
</android.support.v7.widget.Toolbar>

    <android.support.design.widget.TabLayout
        android:id="@+id/MyTabLayout"
        style="@style/TabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar"
        app:tabTextAppearance="@style/AppTabTextAppearance">



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

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




    <android.support.v4.view.ViewPager
        android:id="@+id/MyViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/MyTabLayout"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        ></android.support.v4.view.ViewPager>



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

2 个答案:

答案 0 :(得分:3)

仅为工具栏创建separate布局。

toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:background="@color/white"
    app:layout_scrollFlags="scroll|enterAlways"
    app:titleTextColor="@color/white">


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

然后现在它在你的布局中的任何地方。

<?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:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/AppBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


        <include
            layout="@layout/toolbar"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />

        <android.support.design.widget.TabLayout
            android:id="@+id/MyTabLayout"
            style="@style/TabLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/toolbar"
            app:tabTextAppearance="@style/AppTabTextAppearance">


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

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


    <android.support.v4.view.ViewPager
        android:id="@+id/MyViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/MyTabLayout"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"></android.support.v4.view.ViewPager>


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

答案 1 :(得分:0)

如果您只想在其他活动中显示工具栏,可以将工具栏添加到相应活动的任何根布局,例如LinearLayout或RelativeLayout(适合您应用的需求)。