CollapsingToolbarLayout 不显示标题

Question

就我而言，滚动列表时工具栏消失了。我正在使用 CollapsingToolbarLayout，我需要设置标题文本。但在我的例子中，标题文本没有显示，即使我已经设置了它（见下面的代码）。怎么了？

布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

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

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:elevation="0dp">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:fitsSystemWindows="true"
            app:layout_scrollFlags="scroll|enterAlways">


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

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

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

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/app_nav_header_main"
    app:menu="@menu/main_drawer" />

</android.support.v4.widget.DrawerLayout>

Activity代码：

 protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.app_activity_with_left_panel);

    mPreferences = PreferenceManager.getDefaultSharedPreferences(this);
    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    mCollapsingToolbarLayout = (CollapsingToolbarLayout)findViewById(R.id.collapsing);
    setSupportActionBar(mToolbar);
    setTitle(getIntent().getStringExtra(TITLE));
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
}

@Override
public void setTitle(CharSequence title) {
    if (title != null && !title.toString().isEmpty()) {
        mTitle = title.toString();
        mCollapsingToolbarLayout.setTitle(mTitle);
    }
}

Answer 1

使用这个：

app:expandedTitleTextAppearance="@android:color/transparent" 和你的 CollapsingToolbarLayout

Answer 2

删除这个

@Override
public void setTitle(CharSequence title) {
    if (title != null && !title.toString().isEmpty()) {
        mTitle = title.toString();
        mCollapsingToolbarLayout.setTitle(mTitle);
    }
}

并将此添加到您的 OnCreate()。

    mCollapsingToolbarLayout = (CollapsingToolbarLayout)findViewById(R.id.collapsing);
    mCollapsingToolbarLayout.setTitleEnabled(false);

    mToolbar.setTitle("title");

这将禁用具有折叠行为的默认标题并将静态标题添加到工具栏。

Answer 3

谁搜索禁用标题只需添加

app:titleEnabled="false"

然后工具栏本身的标题就会出现，所以我们将禁用它

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);

或使用样式 xml

中的那些行

<item name="android:displayOptions">showHome|useLogo</item>
<item name="displayOptions">showHome|useLogo</item>

搜索太多，无法制作此搜索摘要，希望对您有所帮助。

Answer 4

以上答案是正确的，但我尝试了多次才正确。我最终在 xml 中为我的 CollapsingToolbarLayout 设置了 app:titleEnabled="false"，没有为工具栏本身设置任何内容。

在代码中，我设置了supportActionBar.setDisplayShowTitleEnabled(true)和supportActionBar.title = "my title"。

我的代码：

layout.xml:

<com.google.android.material.appbar.CollapsingToolbarLayout
    android:id="@+id/fragment_main_toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:toolbarId="@id/toolbar"
    app:titleEnabled="false">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:menu="@menu/menu_main" />

</com.google.android.material.appbar.CollapsingToolbarLayout>

fragment.kt:

val toolbar = view.findViewById<androidx.appcompat.widget.Toolbar>(R.id.toolbar)
myTitle = "This is my app title"

(activity as AppCompatActivity).let { myActivity ->
    myActivity.setSupportActionBar(toolbar)
    myActivity.supportActionBar?.setDisplayShowTitleEnabled(true)
    myActivity.supportActionBar?.title = myTitle 

    // these are not needed:
    //collapsingToolbar.title = myTitle 
    //collapsingToolbar.isTitleEnabled = true
    //toolbar.title = myTitle 
    //myActivity.title = myTitle         
}

Answer 5

在我的例子中，问题是由于将工具栏 layout_height 设置为“wrap_content”。将此属性设置为特定值后，如 ?attr/actionBarSize，CollapsingToolbarLayout 标题变为可见。

CollapsingToolbarLayout 不显示标题

CollapsingToolbarLayout not showing Title

android

android-collapsingtoolbarlayout