RmK*_*RmK 2 android android-layout android-toolbar
问题:试图实现带有拱形底部的工具栏。滚动时的内容应该通过这个弧形空间。
我唯一能想到的(以及尝试过的)是使用具有拱形的可绘制对象设置工具栏的背景。看起来它可以解决问题。但是当内容向上滚动时,拱形中的空白区域仍然存在,因为工具栏保持矩形形状。
我还试图避免使用自定义形状而不是工具栏,因为此工具栏是由协调器布局控制的 Collapsibletoolbarlayout 和 Appbarlayout 的一部分。
有什么建议 ?
这可以很容易地完成。
<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的属性以控制您希望拱门走多高
输出
| 归档时间: |
|
| 查看次数: |
3026 次 |
| 最近记录: |