CollapsingToolbarLayout-Titel nur im reduzierten Zustand anzeigen

ich habe es versucht setExpandedTitleColor und setCollapsedTitleColor (Umschalten auf und von transparent) ohne Glück. Ich kann auch keine eingebauten Methoden sehen, die das tun, wonach ich suche.

Ich möchte den Titel nur anzeigen, wenn das CollapsingToolbarLayout vollständig reduziert ist, andernfalls muss es ausgeblendet werden.

Irgendwelche Hinweise?

Du kannst hinzufügen OnOffsetChangedListener zu AppBarLayout um festzustellen wann CollapsingToolbarLayout ein- oder ausgeklappt ist und seinen Titel festlegen.

Java

final CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsingToolbarLayout);
AppBarLayout appBarLayout = (AppBarLayout) findViewById(R.id.appBarLayout);
appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
    boolean isShow = true;
    int scrollRange = -1;

    @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
        if (scrollRange == -1) {
            scrollRange = appBarLayout.getTotalScrollRange();
        }
        if (scrollRange + verticalOffset == 0) {
            collapsingToolbarLayout.setTitle("Title");
            isShow = true;
        } else if(isShow) {
            collapsingToolbarLayout.setTitle(" ");//careful there should a space between double quote otherwise it wont work 
            isShow = false;
        }
    }
});

Kotlin

var isShow = true
var scrollRange = -1
appBarLayout.addOnOffsetChangedListener(AppBarLayout.OnOffsetChangedListener { barLayout, verticalOffset ->
    if (scrollRange == -1){
        scrollRange = barLayout?.totalScrollRange!!
    }
    if (scrollRange + verticalOffset == 0){
        collapsingToolbarLayout.title = "Title Collapse"
        isShow = true
    } else if (isShow){
        collapsingToolbarLayout.title = " " //careful there should a space between double quote otherwise it wont work
        isShow = false
    }
})

Ich habe die Lösung von dlohani ausprobiert, mochte sie aber wegen des Ausblendens nicht. Mit dieser Lösung entfernen Sie das Verblassen vollständig.

Der Trick besteht darin, einen neuen Stil mit textSize gleich 0.1sp oder 0sp (dieser stürzt bei SDK < 19 ab) und textColor transparent zu erstellen:

Für SDK < 19

<style name="CollapsingToolbarLayoutExpandedTextStyle" parent="AppTheme">
    <item name="android:textColor">@android:color/transparent</item>
    <item name="android:textSize">0.1sp</item>
</style>

Für SDK >= 19

<style name="CollapsingToolbarLayoutExpandedTextStyle" parent="AppTheme">
    <item name="android:textColor">@android:color/transparent</item>
    <item name="android:textSize">0sp</item>
</style>

Wenden Sie es dann auf das CollapsingToolbarLayout in Ihrem Layout an:

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:expandedTitleTextAppearance="@style/CollapsingToolbarLayoutExpandedTextStyle"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

Ich konnte den gewünschten Effekt erzielen, indem ich dem XML-Layout die folgende Eigenschaft hinzufügte:

app:expandedTitleTextAppearance="@android:color/transparent"

mein CollapsingToolbarLayout sieht also so aus

<android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsingToolbarLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:expandedTitleTextAppearance="@android:color/transparent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

Ich habe eine einfachere Antwort:

final CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.toolbar_layout);

collapsingToolbarLayout.setTitle("Your Title");
collapsingToolbarLayout.setExpandedTitleColor(getResources().getColor(R.color.transperent)); // transperent color = #00000000
collapsingToolbarLayout.setCollapsedTitleTextColor(Color.rgb(0, 0, 0)); //Color of your title

Viel Spaß beim Codieren!

Dieser Code funktioniert für mich: Verwenden Sie color.parse color, denn wenn Ihre Hintergrundfarbe anders ist, ersetzen Sie sie durch Weiß und Ihr Titel wird nicht angezeigt

collapsingToolbarLayout.setExpandedTitleColor(Color.parseColor("#00FFFFFF"));

Oder Sie können für transparent verwenden
collapsingToolbarLayout.setExpandedTitleColor(Color.TRANSPARENT);

Ich habe erfolgreich eine verblassende Textansicht hinzugefügt, füge einfach eine Textansicht in der Symbolleiste hinzu und setze ihr Alpha basierend auf dem VerticalOffset im Appbar-Callback

mAppBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {

        @Override
        public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {

            mTitleTextView.setAlpha(Math.abs(verticalOffset / (float)
                    appBarLayout.getTotalScrollRange()));
        }
    });

Hier die einfachste und funktionierende Lösung auch mit API 23:

app:expandedTitleTextAppearance muss TextAppearance erben.

Fügen Sie also in Ihrer styles.xml diese Zeilen hinzu:

<style name="TransparentText" parent="@android:style/TextAppearance">
   <item name="android:textColor">#00000000</item>
</style>

Fügen Sie dann in Ihrem CollapsingToolbarLayout diese Zeile hinzu.

app:expandedTitleTextAppearance="@style/TransparentText"

Das war’s Leute!