Question

如何执行图片中显示的动作

https://i.stack.imgur.com/MluU2.jpg

Answer 1

使用这段代码隐藏您的布局

<?xml version="1.0" encoding="utf-8"?>
<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/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

    <!-- Your Remaining Code -->

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

Answer 2

尝试使用collapsingToolbar布局。可以找到here的材料设计示例，但重要的是下面的代码段

 <com.google.android.material.appbar.CollapsingToolbarLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:contentScrim="?attr/colorPrimary"
      app:expandedTitleGravity="top"
      app:expandedTitleMarginStart="@dimen/shrine_toolbar_offset_start"
      app:expandedTitleMarginTop="@dimen/shrine_toolbar_offset_top"
      app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/shrine_toolbar_image_offset_top"
        app:layout_collapseMode="parallax"
        app:layout_collapseParallaxMultiplier="0.5"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/AppBar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/shrine_toolbar_collapsed_height"
        app:layout_collapseMode="pin"/>
   </com.google.android.material.appbar.CollapsingToolbarLayout>

在屏幕上隐藏文本视图时如何设置工具栏标题

2 个答案: