在折叠工具栏中的图标

时间:2017-01-17 09:50:28

标签: android icons android-appcompat android-coordinatorlayout android-collapsingtoolbarlayout

我在使用折叠工具栏搞砸了。一切似乎都很好。但我的图标并不以标题为中心。我认为这是因为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

2 个答案:

答案 0 :(得分:0)

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);
}

答案 1 :(得分:0)

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

ActionBar actionBar=getSupportActionBar();
    actionBar.setDisplayHomeAsUpEnabled(true);
相关问题