Как увеличить изображение с помощью анимации типа WhatsApp - PullRequest
Новая
       8

Как увеличить изображение с помощью анимации типа WhatsApp

0 голосов
/ 25 сентября 2019

Я хочу открыть изображение, например анимацию WhatsApp. В моем случае у меня есть список изображений.когда я нажимаю на определенное изображение в списке, я хочу увеличить изображение с анимацией, такой как Whatsapp, открыть профильФото в этом чате. Список

Я использовал Alert Dialog, чтобы открыть увеличенное изображение.и добавить анимацию.но я не могу управлять эффектом наподобие whatsapp.

final AlertDialog.Builder builder; 

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        builder = new AlertDialog.Builder(Objects.requireNonNull(context), android.R.style.Theme_Material_Light_Dialog_NoActionBar);
    } else {
        builder = new AlertDialog.Builder(Objects.requireNonNull(context));
    }

    LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    final View dialogLayout = inflater.inflate(R.layout.profile_layout, null);

    ImageView ivProfile = dialogLayout.findViewById(R.id.ivProfileImage);

    ivProfile.getLayoutParams().height = (int) (width / 1.2);
    ivProfile.getLayoutParams().width = (int) (width / 1.2);

    Glide.with(context).load(url)
            .apply(RequestOptions.centerInsideTransform().diskCacheStrategy(DiskCacheStrategy.ALL).placeholder(R.drawable.ic_profile_fill)).into(ivProfile);

    builder.setView(dialogLayout);

    AlertDialog alertDialog = builder.create();

Objects.requireNonNull (alertDialog.getWindow ()). setWindowAnimations (R.style.ProfileImageAnimation); 

    alertDialog.setCancelable(true);
    alertDialog.show();

// Файл анимации: 

<!--<translate
    android:fromXDelta="-100%p"
    android:fromYDelta="0"
    android:duration="500"/>-->

<scale
    android:fromXScale="0.3"
    android:fromYScale="0.3"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="150"
    android:toXScale="1.0"
    android:toYScale="1.0" />

1 Ответ

0 голосов
/ 28 сентября 2019 
        You can try this :

        class AnimationActivity : AppCompatActivity() {

            override fun onCreate(savedInstanceState: Bundle?) {
                super.onCreate(savedInstanceState)
                setContentView(R.layout.activity_animation_start)

                showAnimationButton.setOnClickListener { showAnimation() }
            }

            private fun showAnimation() {
                val activityOptionsCompat =
                    ActivityOptionsCompat.makeSceneTransitionAnimation(this, showAnimationButton, "TRANSITION_NAME")
                intent = Intent(this, AnimationDetailActivity::class.java)
                startActivity(intent, activityOptionsCompat.toBundle())
            }

        }

        layout : activity_animation_start

        <?xml version="1.0" encoding="utf-8"?>
        <RelativeLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                tools:context=".AnimationActivity">

            <ImageView
                    android:transitionName="TRANSITION_NAME"
                    android:id="@+id/showAnimationButton"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@mipmap/ic_launcher"/>

        </RelativeLayout>


        class AnimationDetailActivity : AppCompatActivity() {

            override fun onCreate(savedInstanceState: Bundle?) {
                super.onCreate(savedInstanceState)
                setContentView(R.layout.activity_animation_detail)
            }
        }

        layout :activity_animation_detail
        <?xml version="1.0" encoding="utf-8"?>
        <android.support.constraint.ConstraintLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:layout_width="match_parent" 
                android:layout_height="match_parent">

            <ImageView android:layout_width="300dp"
                       android:layout_height="300dp"
                       android:transitionName="TRANSITION_NAME"
                       android:scaleType="fitCenter"
                       android:background="@mipmap/ic_launcher"
                       app:layout_constraintTop_toTopOf="parent"
                       app:layout_constraintBottom_toBottomOf="parent"
                       app:layout_constraintStart_toStartOf="parent"
                       app:layout_constraintEnd_toEndOf="parent"/>
        </android.support.constraint.ConstraintLayout>

Note : Make sure you keep the name transition name same in both the layouts.
...