0

Tenho um CollapsingToolbarLayout com um LinearLayout dentro (que contém alguns textos). O título da Toolbar possui uma margem padrão à esquerda (pelo menos em aparelhos LTR) quando está expandido e uma diferente quando está retraído.

Como posso alinhar esse LinearLayout ao título da Toolbar quando ela está expandida?

1 Resposta 1

0

Uma solução é aplicar o mesmo valor para a margem do título da barra (através do atributo expandedTitleMarginStart) e do elemento que contém o texto. No meu caso, android:layout_marginStart.

Exemplo:

<android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:title="Título"
        app:expandedTitleMarginStart="36dp"
        android:background="@color/white"
        app:contentScrim="@color/orange"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:contentDescription="Foto" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="36dp"
                android:layout_marginLeft="36dp"
                android:layout_centerVertical="true"
                android:orientation="vertical">

                <TextView
                    android:textSize="18sp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Texto maior"/>

                <TextView
                    android:textSize="14sp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Texto menor"/>

            </LinearLayout>


        </RelativeLayout>


        <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/AppTheme.PopupOverlay" />

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

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .