折叠工具栏中的图标

Question

我正在使用折叠工具栏。一切似乎都很好。但是我的图标没有以标题为中心。我认为这是因为 fitsSystemWindows()。但同时图像没有覆盖状态栏。任何帮助将不胜感激。谢谢！

Java 代码：

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_shr___add__vehicle);
    Toolbar toolbar = (Toolbar) findViewById(R.id.add_vehicle_toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    CollapsingToolbarLayout appbar = (CollapsingToolbarLayout) findViewById(R.id.add_vehicle_collapse);
    appbar.setTitle("My Bikes");
    appbar.setExpandedTitleColor(Color.parseColor("#F05329"));

XML :

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.techindyeah.soherides.SHR_Activity_Add_Vehicle">

<android.support.design.widget.AppBarLayout
    android:id="@+id/add_vehicle_app_bar"
    android:layout_width="match_parent"
    android:layout_height="250dp"
    android:theme="@style/AppTheme.AppBarOverlay"
    android:fitsSystemWindows="true">

    <android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/add_vehicle_collapse"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:contentScrim="@color/colorPrimary"
        app:expandedTitleMarginStart="20dp"
        app:expandedTitleMarginEnd="64dp"
        android:fitsSystemWindows="true">

        <ImageView
            android:id="@+id/rl_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/bikeimage"
            android:scaleType="centerCrop"
            android:fitsSystemWindows="true"
            app:layout_collapseMode="parallax"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/add_vehicle_toolbar"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        android:minHeight="60dp"
        app:layout_collapseMode="pin" />

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

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

<include layout="@layout/content_shr__activity__add__vehicle" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/add_vehicle_insert_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="20dp"
    app:layout_anchor="@+id/add_vehicle_app_bar"
    app:layout_anchorGravity="bottom|right"
    app:srcCompat="@mipmap/ic_insert_photo_white_24dp" />

这就是我现在拥有的：

Expanded
Collapsed

Answer 1

1）据我所知，后退箭头不会移动，如果需要，可以在滚动时隐藏它。

2) 要将选项添加到工具栏右侧，您可以使用 menu.xml

menu.xml

   <item android:id="@+id/action_map"
      android:icon="@drawable/ic_map"
      android:title="@string/action_map"
      android:showAsAction="always"
      android:orderInCategory="1" />

在 Java 文件中

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();
    if (id == R.id.action_map) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

Answer 2

确保在箭头图像中添加 app:layout_collapseMode="parallax" 和 app:layout_behavior 并使用

ActionBar actionBar=getSupportActionBar();
    actionBar.setDisplayHomeAsUpEnabled(true);

折叠工具栏中的图标

Icons In Collapsing Toolbar

icons

android

android-appcompat

android-coordinatorlayout

android-collapsingtoolbarlayout