Как сделать так, чтобы анимация смещения от центра в Android выглядела одинаково в портретной и альбомной ориентации? - PullRequest
Новая
       37

Как сделать так, чтобы анимация смещения от центра в Android выглядела одинаково в портретной и альбомной ориентации?

1 голос
/ 01 февраля 2012

У меня есть экран с несколькими изображениями, и на одном из них есть аккуратная анимация, которая выглядит потрясающе на портрете.

Потрясающая анимация в портрете - rotate_anim_port.png - в ЗДЕСЬ

Это не выглядит так здорово в ландшафте.

Анимация в ландшафте - rotate_anim_land.png - выше.

Я реализую анимацию смещения от центра таким образом, потому что у меня есть несколько изображений с нарисованными ресурсами одинакового размера, сгруппированными в виде кадра, чтобы они все находились на одном и том же месте, но можно масштабировать до любого размера. frameview is.

Это выглядит плохо, потому что представление, в котором RotateAnimation(fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue) основывает свои сводные значения, отличается от размера изображения внутри представления. В портретной ориентации размер изображения практически совпадает с размером изображения, но в альбомной ориентации разница очевидна.

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

Вот код для действия: 

package com.namespace;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;

public class AnimationDemoActivity extends Activity {

// piviotValues if the view is the exact size of the drawable.
final float pivotXType = 0.3280274656679151f;
final float pivotYValue = 0.5060137457044674f;

private Handler mHandler = new Handler();
ImageView outside, inside;
RotateAnimation anim, anim2;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    outside = (ImageView) findViewById(R.id.imageView1);
    inside = (ImageView) findViewById(R.id.imageView2);

    outside.setVisibility(ImageView.INVISIBLE);
    inside.setVisibility(ImageView.INVISIBLE);

    // somewhere in here, code to recalculate pivotValues to adjust for the
    // size of the actual view the images are inside of

    anim = new RotateAnimation(0, 359, Animation.RELATIVE_TO_SELF,
            pivotXType, Animation.RELATIVE_TO_SELF, pivotYValue);
    anim.setInterpolator(new LinearInterpolator());
    anim.setRepeatCount(Animation.INFINITE);
    anim.setDuration(2000);

    anim2 = new RotateAnimation(0, 359, Animation.RELATIVE_TO_SELF,
            pivotXType, Animation.RELATIVE_TO_SELF, pivotYValue);
    anim2.setInterpolator(new LinearInterpolator());
    anim2.setRepeatCount(Animation.INFINITE);
    anim2.setDuration(750);

    mHandler.postDelayed(doRotation, 2500);
}

private Runnable doRotation = new Runnable() {
    public void run() {
        outside.setVisibility(ImageView.VISIBLE);
        inside.setVisibility(ImageView.VISIBLE);
        outside.startAnimation(anim);
        inside.startAnimation(anim2);
    }
};
}

и вот макет: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff"
android:orientation="vertical"
android:padding="10sp" >

<ImageSwitcher
    android:id="@+id/imageSwitcher1"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:gravity="center" >
</ImageSwitcher>

<ImageSwitcher
    android:id="@+id/imageSwitcher2"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:gravity="center" >
</ImageSwitcher>

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:gravity="center" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/dwdg_outside_arrow" >
    </ImageView>

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/dwdg_inside_arrow" >
    </ImageView>
</FrameLayout>

</LinearLayout>

Здесь - это исполняемый файл apk - AnimationDemo.apk и сжатый проект - AnimationDemo.zip

Разве я сумасшедший, что сделал это таким образом? Я полностью пропускаю что-то? Что делать?

1 Ответ

1 голос
/ 03 февраля 2012

Я понял это. Конечно, это было исправление в одну строку. Добавление атрибута android:adjustViewBounds="true" в ImageViews сокращает представление до размера нарисованного ресурса и заставляет анимацию работать должным образом.

...