自定义工具栏视图

时间:2016-03-31 08:07:55

标签: toolbar android-coordinatorlayout

我正在寻找创建一个像whatsapp配置文件一样的工具栏,并带有协调器布局。enter image description here

但我只能在工具栏上显示主要标题,该标题在操作栏上具有固定属性。

如何在右侧添加子标题文本和图标/自定义视图,其在操作栏属性上具有类似的固定。

我尝试在xml中的工具栏标签内添加布局。

    <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.AppBarLayout 
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/appbar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:fitsSystemWindows="true"
  android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

  <android.support.design.widget.CollapsingToolbarLayout
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:fitsSystemWindows="true"
    app:contentScrim="?attr/colorPrimary"
    app:expandedTitleMarginEnd="@dimen/activity_horizontal_margin"
    app:expandedTitleMarginStart="@dimen/activity_horizontal_margin"
    app:layout_scrollFlags="scroll|exitUntilCollapsed">

    <ImageView
      android:id="@+id/toolbar_image"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:adjustViewBounds="true"
      android:contentDescription="@null"
      android:fitsSystemWindows="true"
      android:scaleType="centerCrop"
      android:src="@drawable/beach_huts"
      app:layout_collapseMode="parallax" />

    <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/ThemeOverlay.AppCompat.Light" >

     <!-- adding views ,layouts here does not work -->
    </android.support.v7.widget.Toolbar>

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

  <android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_gravity="bottom"
    app:layout_scrollFlags="scroll" />

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

0 个答案:

没有答案