我在一个应用程序中看到了这一点。
正如你所看到的,appbar是半透明的并且不是什么大不了的事,但是通过向下滚动页面,它开始突出显示越来越多,直到它完全变为非透明的appbar,如下所示:< / p>
问题:我该如何制作这样的东西?
答案 0 :(得分:3)
您提到的操作栏是折叠工具栏布局,目前可通过使用Android设计支持库获得。以下是有关如何在应用程序中实现它的一些指南。
Design Support Library (IV): Collapsing Toolbar Layout
Handling Scrolls with CoordinatorLayout
答案 1 :(得分:1)
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cor_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
android:layout_width="match_parent"
android:layout_height="192dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapseToolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/image_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="@string/event_image"
android:scaleType="fitXY"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.6" />
<android.support.v7.widget.Toolbar
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
android:theme="@style/MyCustomToolbarTheme"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="16dp"
android:layout_marginBottom="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:src="@drawable/ic_person_add_white_24dp"
app:backgroundTint="@android:color/holo_blue_dark"
app:borderWidth="0dp"
app:elevation="6dp"
app:fabSize="normal"
app:pressedTranslationZ="12dp"
app:rippleColor="?attr/colorControlHighlight" />
<android.support.v7.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>