Question

我尝试使用带有2个图标和RelativeLayer的自定义工具栏，并附加CollapsingToolbarLayout以折叠标题和图片，但标题文字覆盖在右侧图标上，并且填充不起作用

 <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar_toolbar"
        android:layout_height="192dp"
        android:layout_width="match_parent">
    <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:expandedTitleMarginStart="64dp"
            app:collapsedTitleTextAppearance="@style/ExpandedAppBar"
            app:paddingStart="10dp"
            app:paddingEnd="10dp"
            app:contentScrim="#ffffff"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <ImageView
                android:src="@drawable/about_img"
                app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>
        <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                app:layout_collapseMode="pin"
                android:background="#ffffff"
                app:backgroundTint="#ffffff"
                app:contentInsetLeft="0dp"
                app:contentInsetStart="0dp"
                android:layout_height="50dp"
                app:layout_scrollFlags="scroll|enterAlways">
            <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" android:paddingRight="10dip"
                    android:gravity="center_vertical" android:paddingLeft="10dip" android:id="@+id/re_toolbar">
                <ImageView
                        android:layout_width="20dip"
                        android:layout_height="wrap_content"
                        android:id="@+id/img_menu" android:src="@drawable/menu_icon" android:layout_alignParentRight="true"
                        android:paddingTop="10dip"/>
                <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/img_header_info"
                        android:src="@drawable/ic_header_info" android:layout_alignParentLeft="true"
                        android:paddingTop="5dip"/>
            </RelativeLayout>
        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

样式文件：

    <style name="CollapsedAppBar" parent="@android:style/TextAppearance">
    <item name="android:textSize">15sp</item>
    <item name="android:textStyle">normal</item>

但我无法更改文字边距和文字对齐。

需要保证金：

需要对齐：

和依赖项：

compile 'com.android.support:appcompat-v7:22.+'
compile 'com.android.support:design:22.+'
compile 'com.android.support:recyclerview-v7:22.+'
compile 'com.android.support:cardview-v7:22.+'

Answer 1

尝试使用水平方向的LinearLayout而不是RelativeLayout。将两个ImageView放在LinearLayout中。 LinearLayout不允许其子项相互重叠您还可以添加标题作为工具栏的标题试试这个方法：

getSupportActionBar().setTitle("Your Title");

更改工具栏中的边距和重力折叠标题

1 个答案: