Блог

Я пытаюсь отобразить ImageView охватывающую всю панель инструментов (я не могу использовать фон). вот мой макет панели инструментов:

 <android.support.design.widget.AppBarLayout
    android:id="@ id/appbar"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="@dimen/appbar_height"
    android:background="@drawable/backgorund_toolbar_tranluscent">

    <android.support.v7.widget.Toolbar
        style="@style/ToolBarStyle"
        android:id="@ id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/material_grey_700"
        app:contentInsetStartWithNavigation="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetLeft="0dp"
        android:minHeight="@dimen/appbar_height">

        <android.support.percent.PercentRelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@ id/thumbnail"
                app:layout_widthPercent="100%"
                app:layout_aspectRatio="178%"
                android:scaleType="centerCrop"
                android:background="@color/material_grey_700"
                tools:ignore="ContentDescription" />

            <RelativeLayout
                android:layout_alignBottom="@id/thumbnail"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@ id/title"
                    android:layout_alignParentTop="true"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:paddingLeft="8dp"
                    android:paddingRight="8dp"
                    android:maxLines="3"
                    android:ellipsize="end"
                    android:textColor="@color/app_primary_text_default_material_dark"
                    android:textAppearance="@style/TextAppearance.AppCompat.Title"/>

                <LinearLayout
                    android:id="@ id/details"
                    android:orientation="horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/title"
                    android:paddingLeft="8dp"
                    android:paddingRight="8dp"
                    android:paddingBottom="8dp">

                    <TextView
                        android:id="@ id/uploader"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:textColor="@color/app_primary_text_default_material_dark"
                        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

                    <TextView
                        android:id="@ id/duration"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="4"
                        android:gravity="end"
                        android:textColor="@color/app_primary_text_default_material_dark"
                        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />
                </LinearLayout>

                <me.zhanghai.android.materialprogressbar.MaterialProgressBar
                    android:id="@ id/progress"
                    android:layout_width="match_parent"
                    android:layout_height="2dp"
                    android:layout_below="@id/details"
                    style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal"
                    app:mpb_progressStyle="horizontal"
                    app:mpb_useIntrinsicPadding="false"
                    android:indeterminate="false"/>
            </RelativeLayout>
        </android.support.percent.PercentRelativeLayout>
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
  

Как вы можете видеть, я добавил

         app:contentInsetStartWithNavigation="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetLeft="0dp"
  

как следует из ответов на многие похожие вопросы. Я все еще получаю вставку с левой стороны.

Я использую следующий код при настройке панели действий:

     ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setDisplayShowTitleEnabled(false);
    }
  

К вашему сведению, actionBar.setDisplayHomeAsUpEnabled(false) удаляет вставку и вместе с ней значок навигации вверх, что неприемлемо. Я могу как-нибудь это исправить, кроме как добавить свой собственный пользовательский значок вверх?

FYI2, @style/ToolBarStyle просто наследуется от Theme.AppCompat .

contentInset S работают правильно, но появляется смещение, если вы хотите отобразить кнопку вверх и setDisplayHomeAsUpEnabled на true . Как я понимаю, вставки определяют дополнительные отступы, а не начальную позицию Toolbar содержимого.

Обходной путь:

Как насчет редизайна, чтобы он AppBarLayout содержал ваш пользовательский фон, Toolbar (с прозрачным фоном) сохранял ваш сложный заголовок и вставлял ProgressBar везде, где вы хотите.

Что — то вроде этого:

 <AppBarLayout
    android:background="@color/material_grey_700">

    <!-- Just a Toolbar wrapper -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

       <!-- Background of Toolbar -->
       <ImageView
           android:id="@ id/thumbnail"/>

       <Toolbar
           android:id="@ id/toolbar"
           android:background="@android:color/transparent">

           <!-- Your multiline title stuff stays here. -->

       </Toolbar>

    </FrameLayout>

</AppBarLayout>