Многострочный расширенный заголовок в CollapsingToolbarLayout Android?

Как можно сделать многострочный заголовок в CollapsingToolbarLayout типа.. whatsapp

введите описание изображения здесь

Мой файл XML

<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/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/detail_backdrop_height"
        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:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginEnd="16dp"
            app:expandedTitleMarginStart="16dp"
            app:expandedTitleTextAppearance="@style/HeaderTitleStyle"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">


                    <ImageView
                        android:id="@+id/cover_image"
                        android:layout_width="match_parent"                             android:layout_height="@dimen/detail_backdrop_height"
                        android:background="@color/white"
                        android:fitsSystemWindows="true"
                        android:scaleType="fitXY"
                        android:src="@drawable/default_clg_image"
                        app:layout_collapseMode="parallax" />


            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

расширенныйTitleTextAppearance

app:expandedTitleTextAppearance="@style/HeaderTitleStyle"

Это мой файл style.xml

<style name="HeaderTitleStyle" parent="@android:style/TextAppearance">
    <item name="android:textColor">#FFFFFF</item>
    <item name="android:textSize">20sp</item>
    <item name="android:singleLine">false</item>
</style>

android android-coordinatorlayout android-collapsingtoolbarlayout
person Mansukh Ahir    schedule 21.11.2015    source источник
comment
нет, я все еще ищу это.   -  person Mansukh Ahir    schedule 03.12.2015
comment
Вы нашли какое-либо решение для этого?   -  person Vishal Patoliya ツ    schedule 14.09.2020
comment
нет @VishalPatoliyaツ   -  person Mansukh Ahir    schedule 15.09.2020
comment
В любом случае, я нашел решение, например, мы можем назначить максимальное количество строк на складной панели инструментов вместе с высотой панели приложения.   -  person Vishal Patoliya ツ    schedule 15.09.2020
comment
Хорошо @VishalPatoliyaツ спасибо за информацию.   -  person Mansukh Ahir    schedule 15.09.2020

Ответы (2)


arrow_upward
2
arrow_downward

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

использование

Публичный API библиотеки идентичен версии из библиотеки поддержки, поэтому вы можете использовать его в качестве замены.

Как библиотека поддержки дизайна, она должна быть совместима с API 7 (Android 2.1) и выше.

Пример макета XML:

<android.support.design.widget.AppBarLayout
        android:layout_height="192dp"
        android:layout_width="match_parent">
    <net.opacapp.multilinecollapsingtoolbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <android.support.v7.widget.Toolbar
                android:layout_height="?attr/actionBarSize"
                android:layout_width="match_parent"
                app:layout_collapseMode="pin"/>
    </net.opacapp.multilinecollapsingtoolbar.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

Вы можете найти простое демонстрационное приложение в модуле demo.

person Konifar    schedule 24.01.2016

arrow_upward
0
arrow_downward

Более простой подход может заключаться в добавлении пользовательского макета на панель инструментов «Свертывание» и закреплении его при сворачивании. Это может быть окончательный результат: введите здесь описание изображения

Пожалуйста, взгляните на мой предварительный просмотр ответа об этом, чтобы увидеть полный код

person JavierSP1209    schedule 01.04.2017