Панель вкладок и ящик навигации выровнены

Я пытаюсь создать приложение, где панель вкладок, ящик для навигации и поиск все подпадают под панель инструментов, но когда я пытаюсь сделать это в заголовке страницы, раздел разделяется

, где я хочу показать название другого фрагмента и код макета

Я хочу, чтобы макет отображал ящик навигации, панель вкладок и значок панели поиска и заголовок страницы между ящиком навигации и поиском, поскольку вы можете видеть, что он становится слишком раздельным. Я пытаюсь сделать панель инструментов, как приложение Black Player

Ответы

Ответ 1

Теперь то, что я видел в этом приложении Black Player, заключается в том, что название, в котором вы хотите точно так же, является обычным. С моей точки зрения, кнопка навигации не является стандартной по умолчанию, когда изображение на своем ящике будет открываться и закрываться. Поэтому в нижеприведенном XML я просто создаю пользовательскую верхнюю панель, которая в этом случае является RelativeLayout, и если вы видите, что она имеет высоту по умолчанию панели действий. Теперь есть только одна вещь, которую вам нужно сделать в java файле, вам нужно скрыть панель инструментов, чтобы автоматически вверх пользовательский topBar появлялся сверху.

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.bodaciousithub.myapplication.Main5Activity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="8dp"
            android:src="@drawable/ic_menu_black_24dp"
            android:layout_centerVertical="true"/>

        <android.support.design.widget.TabLayout
            android:id="@+id/tabLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_toRightOf="@id/imageView"
            android:background="?attr/colorPrimary"
            android:layout_toLeftOf="@id/imageView2"
            app:popupTheme="@style/AppTheme.PopupOverlay"
            android:layout_toEndOf="@id/imageView"
            android:layout_toStartOf="@id/imageView2"
            app:tabMode="scrollable">
            <android.support.design.widget.TabItem
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tab1"/>
            <android.support.design.widget.TabItem
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tab2"/>
            <android.support.design.widget.TabItem
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tab3"/>

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

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_search_black_24dp"
            android:layout_alignParentEnd="true"
            android:layout_marginRight="8dp"
            android:layout_alignParentRight="true" />

    </RelativeLayout>


    <include layout="@layout/content_main5" />

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

Последний включает в себя инструкцию компоновки, чтобы добавить основной макет, который показывает содержимое. А макет AppBar - это значение по умолчанию, которое появляется в виде навигации, поэтому в java файле я его скрыл. Вы можете написать либо getSupportActionBar().hide() getActionBar().hide() или getActionBar().hide()

Ниже приведен скриншот макета, который я сделал.

Надеюсь, это поможет!