Question

我在CollapsingToolbarLayout中有一个ImageView，而ImageView会在整个屏幕上显示底部的一些信息。当用户点击ImageView时，我希望将CollapsingToolBarLayout的高度变为150dp。如何设置CollapsingToolBarLayout的高度以使平滑动画设置为150dp的高度。我喜欢高度平滑，慢慢地到150dp不快，有一个很好的动画。我怎样才能做到这一点？

activity_scrolling.xml

<?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="com.myapplication.foodapp.ScrollingActivity"
android:id="@+id/coordinator_layout"
android:animateLayoutChanges="true">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.PopupOverlay"
    android:animateLayoutChanges="true">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_tool_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        android:animateLayoutChanges="true">

        <ImageView
            android:id="@+id/chipotle_image"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentTop="true"
            android:layout_gravity="fill_vertical"
            android:src="@mipmap/food1"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Chipotle Chicken Fajitas"
            android:textSize="27sp"
            android:layout_gravity="bottom"
            android:layout_marginBottom="40dp"
            android:layout_marginLeft="5dp"
            android:textColor="#fff"
            android:id="@+id/first_food_title"/>

        <me.grantland.widget.AutofitTextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="16 ingredients | 284 Calories | 1 hour"
            android:singleLine="true"
            android:textAlignment="center"
            android:textColor="#fff"
            android:layout_gravity="bottom"
            android:textSize="20sp"
            android:id="@+id/spec_text"/>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            app:layout_collapseMode="pin"
            android:animateLayoutChanges="true">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <ImageView
                    android:layout_width="25dp"
                    android:layout_height="25dp"
                    android:src="@mipmap/arrow"
                    android:id="@id/back_Arrow"
                    android:layout_marginTop="5dp"
                    />




            </LinearLayout>


        </android.support.v7.widget.Toolbar>




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

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

<!-- ** CONTENT SCROLLING LAYOUT ** -->
<include layout="@layout/content_scrolling">

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

Answer 1

您可以使用ValueAnimator实现此目的。

ValueAnimator anim = ValueAnimator.ofInt(viewToIncreaseHeight.getMeasuredHeight(), finalValue);
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int val = (Integer) valueAnimator.getAnimatedValue();
        ViewGroup.LayoutParams layoutParams = viewGroup.getLayoutParams();
        layoutParams.height = val;
        viewGroup.setLayoutParams(layoutParams);
    }
});
anim.start();

如何顺利设置布局高度

1 个答案: