是否可以从android中的默认矩形更改Android Toolbar的形状?

RmK*_*RmK 2 android android-layout android-toolbar

问题:试图实现带有拱形底部的工具栏。滚动时的内容应该通过这个弧形空间。

  • 我唯一能想到的(以及尝试过的)是使用具有拱形的可绘制对象设置工具栏的背景。看起来它可以解决问题。但是当内容向上滚动时,拱形中的空白区域仍然存在,因为工具栏保持矩形形状。

  • 我还试图避免使用自定义形状而不是工具栏,因为此工具栏是由协调器布局控制的 Collapsibletoolbarlayout 和 Appbarlayout 的一部分。

有什么建议 ?

在此处输入图片说明

Aji*_* O. 5

这可以很容易地完成。

<android.support.design.widget.CoordinatorLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000"
        app:elevation="0dp">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/colorPrimary"
                app:layout_collapseMode="pin"/>

            <!--Other collapsing toolbar components here-->

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

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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <!--Your content here-->

    </android.support.v4.widget.NestedScrollView>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/curve"
        app:layout_anchor="@id/appBar"
        app:layout_anchorGravity="bottom"
        android:layout_gravity="bottom"/>

</android.support.design.widget.CoordinatorLayout>
Run Code Online (Sandbox Code Playgroud)

所述FrameLayout锚定到的底部AppBarLayout用作用于拱容器。我创建了一个矢量可绘制对象,用作背景FrameLayout

曲线文件

<vector android:width="100dp"
    android:height="40dp"
    android:viewportHeight="50"
    android:viewportWidth="400"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <path
        android:pathData="M0,0L400,0L400,50Q200,-50,0,50L0,0"
        android:fillColor="@color/colorPrimary"/>

</vector>
Run Code Online (Sandbox Code Playgroud)

更改android:heightdrawable的属性以控制您希望拱门走多高

输出

在此处输入图片说明