折叠工具栏标题动画速度
collapsing toolbar title animation speed
我有带嵌套滚动视图的折叠工具栏,我想更改折叠工具栏标题的动画(到工具栏)速度,以便我的内容在滚动时不会重叠。
如果我能让动画快点,我的问题就迎刃而解了。它需要快速进入新位置(工具栏)。
请观看视频。
https://youtu.be/8ewSpOYGpY0
我的代码
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".testproject.ScrollingActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:fitsSystemWindows="true"
android:layout_height="300dp"
android:minHeight="56dp"
android:layout_width="match_parent">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginStart="16dp"
app:expandedTitleMarginBottom="120dp"
app:toolbarId="@+id/toolbar"
app:expandedTitleGravity="center|left"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
android:background="@color/lipstick">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="254dp"
android:background="@color/lipstick"
tools:ignore="MissingConstraints" android:id="@+id/constraintLayout4">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:textColor="#ffffff"
android:text="Good morning"
app:fontFamily="@font/akkuratprobold"
android:layout_marginTop="84dp"
app:layout_constraintTop_toTopOf="parent" android:layout_marginStart="16dp"
app:layout_constraintStart_toStartOf="parent" android:layout_marginLeft="16dp"
android:id="@+id/textView6"
android:visibility="invisible"/>
<TextView
android:id="@+id/header_txt_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#ffffff"
android:letterSpacing="-0.01"
android:lineSpacingExtra="6sp"
android:text="Good morning text needs to animate to toolbar quickly so this text will not overlap"
android:layout_marginTop="8dp"
app:layout_constraintTop_toBottomOf="@+id/textView6"
android:layout_marginStart="16dp"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp" app:layout_constraintEnd_toEndOf="parent"
android:layout_marginRight="16dp"/>
<ImageView
android:layout_width="22dp"
android:layout_height="22dp" app:srcCompat="@drawable/ic_wallet"
android:id="@+id/ic_wallet" android:layout_marginBottom="13dp"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent"
android:layout_marginLeft="16dp" android:layout_marginStart="16dp"/>
<TextView
android:id="@+id/header_txt_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="13sp"
android:textColor="#ffffff"
android:lineSpacingExtra="13sp"
android:text="£1,517.09 • €100.00"
app:fontFamily="@font/akkuratprobold"
app:layout_constraintTop_toTopOf="@+id/ic_wallet"
app:layout_constraintBottom_toBottomOf="@+id/ic_wallet"
app:layout_constraintStart_toEndOf="@+id/ic_wallet"
app:layout_constraintVertical_bias="0.25" android:layout_marginLeft="12dp"
android:layout_marginStart="12dp"/>
</android.support.constraint.ConstraintLayout>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling"/>
</android.support.design.widget.CoordinatorLayout>
所以这是我的解决方法,
折叠工具栏标题速度(折叠工具栏到工具栏)与折叠工具栏的高度相关,所以我将我的内容放在折叠工具栏之外,嵌套滚动视图的顶部,它们看起来在同一个工具栏中,但实际上它们不是。
所以因为 collapsingtoolbar 的高度很低,标题动画很快。
我有带嵌套滚动视图的折叠工具栏,我想更改折叠工具栏标题的动画(到工具栏)速度,以便我的内容在滚动时不会重叠。
如果我能让动画快点,我的问题就迎刃而解了。它需要快速进入新位置(工具栏)。
请观看视频。 https://youtu.be/8ewSpOYGpY0
我的代码
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".testproject.ScrollingActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:fitsSystemWindows="true"
android:layout_height="300dp"
android:minHeight="56dp"
android:layout_width="match_parent">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginStart="16dp"
app:expandedTitleMarginBottom="120dp"
app:toolbarId="@+id/toolbar"
app:expandedTitleGravity="center|left"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
android:background="@color/lipstick">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="254dp"
android:background="@color/lipstick"
tools:ignore="MissingConstraints" android:id="@+id/constraintLayout4">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:textColor="#ffffff"
android:text="Good morning"
app:fontFamily="@font/akkuratprobold"
android:layout_marginTop="84dp"
app:layout_constraintTop_toTopOf="parent" android:layout_marginStart="16dp"
app:layout_constraintStart_toStartOf="parent" android:layout_marginLeft="16dp"
android:id="@+id/textView6"
android:visibility="invisible"/>
<TextView
android:id="@+id/header_txt_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#ffffff"
android:letterSpacing="-0.01"
android:lineSpacingExtra="6sp"
android:text="Good morning text needs to animate to toolbar quickly so this text will not overlap"
android:layout_marginTop="8dp"
app:layout_constraintTop_toBottomOf="@+id/textView6"
android:layout_marginStart="16dp"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp" app:layout_constraintEnd_toEndOf="parent"
android:layout_marginRight="16dp"/>
<ImageView
android:layout_width="22dp"
android:layout_height="22dp" app:srcCompat="@drawable/ic_wallet"
android:id="@+id/ic_wallet" android:layout_marginBottom="13dp"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent"
android:layout_marginLeft="16dp" android:layout_marginStart="16dp"/>
<TextView
android:id="@+id/header_txt_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="13sp"
android:textColor="#ffffff"
android:lineSpacingExtra="13sp"
android:text="£1,517.09 • €100.00"
app:fontFamily="@font/akkuratprobold"
app:layout_constraintTop_toTopOf="@+id/ic_wallet"
app:layout_constraintBottom_toBottomOf="@+id/ic_wallet"
app:layout_constraintStart_toEndOf="@+id/ic_wallet"
app:layout_constraintVertical_bias="0.25" android:layout_marginLeft="12dp"
android:layout_marginStart="12dp"/>
</android.support.constraint.ConstraintLayout>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling"/>
</android.support.design.widget.CoordinatorLayout>
所以这是我的解决方法,
折叠工具栏标题速度(折叠工具栏到工具栏)与折叠工具栏的高度相关,所以我将我的内容放在折叠工具栏之外,嵌套滚动视图的顶部,它们看起来在同一个工具栏中,但实际上它们不是。 所以因为 collapsingtoolbar 的高度很低,标题动画很快。