web-dev-qa-db-ja.com

CollapsingToolbarLayout内のツールバーにタイトルを固定する方法

これが私のレイアウトです：

<Android.support.design.widget.AppBarLayout

    <Android.support.design.widget.CollapsingToolbarLayout
        ...

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

    </Android.support.design.widget.CollapsingToolbarLayout>

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

タイトルをCollapsingToolbarLayoutではなくツールバーに残したい。そこで、コードを次のように変更しました。

mCollapsingToolbar = ...
mCollapsingToolbar.setTitle(title);

に：

mTitleBar = ...
setSupportActionBar(mTitleBar);
getSupportActionBar().setTitle(title);

ただし、タイトルは表示されません。私のデバイスはNexus65.1.0です

前もって感謝します。

更新1：コードをこれに変更しましたが、まだ機能しません:(

setSupportActionBar(mToolbar);
getSupportActionBar().setTitle(title);
getSupportActionBar().setDisplayShowTitleEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

更新2：これら3つのビューのコードスニペットは次のとおりです。

private void setUpAppBarLayout() {
    AppBarLayout appBarLayout = (AppBarLayout) findViewById(R.id.appbar_layout);
    appBarLayout.setBackgroundColor(extractBackgroundColor());
}

private void setUpCollapsingToolbarLayout() {
    if (null == mCollapsingToolbar) {
        mCollapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
    }
}

private void setUpToolbar(String title) {
    mToolbar = (Toolbar) findViewById(R.id.tb_main);
    mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            supportFinishAfterTransition();
        }
    });
    mToolbar.inflateMenu(R.menu.menu_group_activity);
    mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem item) {
            if (R.id.action_settings == item.getItemId()) {
                ...
                return true;
            } else {
                return false;
            }
        }
    });
    mToolbar.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            mRecyclerView.smoothScrollToPosition(0);
        }
    });

    setSupportActionBar(mToolbar);
    getSupportActionBar().setTitle(title);
    getSupportActionBar().setDisplayShowTitleEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}

SetSupportActionBar（mToolbar）を呼び出した後、タイトルとメニューの両方が表示されなくなります。

androidtoolbarandroid-collapsingtoolbarlayout
12
Alex.Li

ツールバーのタイトルをCollapsingToolbarLayoutで機能させるには、有効になっているctlのタイトルをfalseに設定する必要があります。

CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
collapsingToolbarLayout.setTitleEnabled(false);
59
Daniel Persson

解決策は簡単です。 Daniel Perssonが言ったように、collapsingToolbarLayout.setTitleEnabled(false);を設定するか、XML属性_app:titleEnabled="false"_を使用して、CollapsingToolbarLayoutの代わりに内部ツールバーでタイトルを設定します。つまり：toolbar.setTitle(title);

これは非常に単純で、回避策は必要ありません。

16
Francesco Florio

CollapsingToolBarLayout内にラップすると、ツールバーのタイトルが消えたように見えるので、この問題に対して私が得た唯一の解決策は、新しいTextViewを作成してツールバーに追加することです。ツールバーはViewGroupであることに注意してください。それにウィジェットを追加できます。私が望むほどきれいではありませんが、今のところは機能します。

TextView text = new TextView(this);
text.setText(title);
text.setTextAppearance(this, Android.R.style.TextAppearance_Material_Widget_ActionBar_Title_Inverse);
toolbar.addView(text);

私もすぐにこれのためのxmlに優しい解決策を見つけることができることを願っています。

10
kerpie

ここでの秘訣は、CollapsingToolbarLayoutのtitleEnabled = falseを設定することです。

<Android.support.design.widget.CollapsingToolbarLayout
        Android:id="@+id/collapsing_toolbar_layout"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:titleEnabled="false">

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/toolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            Android:minHeight="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:title="Message"
            app:titleMarginTop="13dp"
            app:titleTextColor="@Android:color/white" />

    </Android.support.design.widget.CollapsingToolbarLayout>

またはコードを介して：

CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar_layout);
collapsingToolbarLayout.setTitleEnabled(false);
6
Sjd

多分これ？ Android:fitsSystemWindows="true"をAppBarLayoutに追加するだけです

<Android.support.design.widget.CoordinatorLayout
    ...
    Android:fitsSystemWindows="true">

    <Android.support.design.widget.AppBarLayout
        Android:layout_width="match_parent"
        Android:layout_height="300dp"
        ...
        Android:fitsSystemWindows="true"
        >

        <Android.support.design.widget.CollapsingToolbarLayout
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            >

            <Android.support.v7.widget.Toolbar
                Android:layout_width="match_parent"
                Android:layout_height="wrap_content"
                Android:minHeight="?attr/actionBarSize"
                Android:background="?attr/colorPrimary"
                app:title="My Title"
                />

        </Android.support.design.widget.CollapsingToolbarLayout>

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

    ...

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

これはあなたが得るものです

0
Ievgen

コードでactionBar.setDisplayHomeAsUpEnabled(true);を有効にする必要があります

0
saikrupa