развернуть / свернуть Анимация Android наполовину - PullRequest
Новая
       21

развернуть / свернуть Анимация Android наполовину

2 голосов
/ 03 апреля 2019

Я хотел бы развернуть / свернуть ImageView, но начать с 50% изображения, чтобы увеличить на 100%, свернуть до 50%, а не под.

Я уже взглянул на некоторые популярные вопросы и ответы по SO, но я не нашел, как управлять только наполовину. Я также хочу изменить высоту просмотра, а не ширину.

Что я пробовал: 

public static void expand(final View v) {
    v.measure(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    final int targtetHeight = v.getMeasuredHeight();

    v.getLayoutParams().height = 0;
    v.setVisibility(View.VISIBLE);
    Animation a = new Animation()
    {
        @Override
        protected void applyTransformation(float interpolatedTime, Transformation t) {
            v.getLayoutParams().height = interpolatedTime == 1
                    ? ViewGroup.LayoutParams.WRAP_CONTENT
                    : (int)(targtetHeight * interpolatedTime);
            v.requestLayout();
        }

        @Override
        public boolean willChangeBounds() {
            return true;
        }
    };

    a.setDuration((int)(targtetHeight / v.getContext().getResources().getDisplayMetrics().density));
    v.startAnimation(a);
}

public static void collapse(final View v) {
    final int initialHeight = v.getMeasuredHeight();

    Animation a = new Animation() {
        @Override
        protected void applyTransformation(float interpolatedTime, Transformation t) {
            if (interpolatedTime == 1) {
                v.setVisibility(View.VISIBLE);
            } else {
                v.getLayoutParams().height = initialHeight - (int) (initialHeight * interpolatedTime);
                v.requestLayout();
            }
        }

        @Override
        public boolean willChangeBounds() {
            return true;
        }
    };

    a.setDuration((int) (initialHeight / v.getContext().getResources().getDisplayMetrics().density));
    v.startAnimation(a);
}

как я уже сказал, это не то, что я хочу, потому что оно полностью исчезло и изменило ширину.

Я также попробовал этот фрагмент, но анимации нет: 

mImageDrawable = (ClipDrawable) pic.getDrawable();
mImageDrawable.setLevel(5000);//use set level to expand or collapse manually but no animation.

зажим: 

    <?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="vertical"
    android:drawable="@drawable/test_pic"
    android:gravity="top" />

1 Ответ

3 голосов
/ 08 апреля 2019

Используйте Transition API, который доступен в пакете поддержки (androidx). Просто позвоните TransitionManager.beginDelayedTransition и измените высоту обзора. TransitionManager обработает эти изменения и обеспечит переход, который изменит imageView с анимацией.

enter image description here

scaleType из ImageView здесь centerCrop, поэтому изображение масштабируется при свертывании и расширении. К сожалению, не существует ScaleType «ширина заливки и обрезка», поэтому, если вам это нужно, я думаю, что это можно сделать с помощью scaleType = matrix . 

import androidx.appcompat.app.AppCompatActivity;
import androidx.transition.TransitionManager;

public class MainActivity extends AppCompatActivity {

  private ImageView image;
  private ViewGroup parent;
  boolean collapse = true;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    image = findViewById(R.id.image);
    parent = findViewById(R.id.parent);

    findViewById(R.id.btn).setOnClickListener(view -> {
        collapse = !collapse;
        collapse();
    });
  }

  private void collapse() {
    TransitionManager.beginDelayedTransition(parent);
    //change layout params
    int height = image.getHeight();
    LayoutParams layoutParams = image.getLayoutParams();
    layoutParams.height = !collapse ? height / 2 : height * 2;
    image.requestLayout();
  }
}

Компоновка: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<Button
    android:id="@+id/btn"
    android:text="start"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<ImageView
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:scaleType="centerCrop"
    android:src="@drawable/qwe" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="random text"
    android:layout_margin="8dp"/>
</LinearLayout>

UPDATE:

Существует beginDelayedTransition(ViewGroup, Transtion) метод. beginDelayedTransition(ViewGroup) по умолчанию используйте AutoTransition в качестве перехода. Поэтому, если вам нужна ручка начала / конца перехода, вы можете сделать это так: 

    AutoTransition transition = new AutoTransition();
    transition.addListener(new TransitionListenerAdapter(){
        @Override
        public void onTransitionStart(@NonNull Transition transition) {
            //TODO
        }
        @Override
        public void onTransitionEnd(@NonNull Transition transition) {
            //TODO 
        }
    });
    TransitionManager.beginDelayedTransition(parent, transition);
...