web-dev-qa-db-ja.com

AndroidでObjectAnimatorのパーセンテージ値を指定する方法

Androidでボタンを下から上にアニメーション化するためにobjectAnimatorを使用しています。今、私は以下のコードを使用しています

_ObjectAnimator transAnimation = ObjectAnimator.ofFloat(button,"translationY",0,440);
        transAnimation.setDuration(440);
        transAnimation.start();
_

以下のサンプルコードでも試しました。しかし、まだ問題は存在します

_ObjectAnimator transAnimation = ObjectAnimator.ofFloat(loginLayout, "translationY",0f,0.8f);
                    transAnimation.setDuration(480);
                    transAnimation.start();
_

大画面のデバイスでは正常に機能します。しかし、小さな画面のデバイスになると、画面から消えます。さまざまな画面サイズに関係なく、画面の一番上に表示したいです。パーセンテージで値を指定する必要があると思います（0％〜100％または0〜100％p）。だから私の質問は、AndroidのobjectAnimatorでパーセンテージで値を与える方法です。また、このobjectAnimatorはHoneyCombでのみ導入されていることにも気付きました。低バージョンで実行するための後方互換性ライブラリはありますか。誰もがこの解決策を見つけるために私を導くことができますか？.

また、Viewを拡張し、offset()のプロパティのゲッターとセッターを書きました。それでも、画面の一番上まで完全には移動しません。これが私が使用したコードです。

_@SuppressLint("NewApi") public float getXFraction()
    {
        int width = context.getWindowManager().getDefaultDisplay().getHeight();
        return (width == 0) ? 0 : (getY());
    }

    @SuppressLint("NewApi") public void setXFraction(float xFraction) {
        int width = context.getWindowManager().getDefaultDisplay().getWidth();
        setY((width > 0) ? (width) : 0);
    }
_

前もって感謝します

androidandroid-animationobjectanimator
29
Sanal Varghese

ハニカム以前のデバイスでObjectAnimatorを使用するには、プロジェクトに NineOldAndroids ライブラリを追加し、com.nineoldandroids.animation.ObjectAnimatorを使用するようにインポートを変更します。

ObjectAnimatorとgetXFractionの代わりにsetXFractionでパーセント値を使用するには、このようなgetYFractionとsetYFractionメソッドを追加する必要があります

public float getYFraction() {
    final WindowManager wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
    int height = wm.getDefaultDisplay().getHeight();
    return (height == 0) ? 0 : getY() / (float) height;
}

public void setYFraction(float yFraction) {
    final WindowManager wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
    int height = wm.getDefaultDisplay().getHeight();
    setY((height > 0) ? (yFraction * height) : 0);
}

そして、次のようなproject-folder/res/animator/move_bottom.xml xmlファイルを作成できます

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:duration="500"
    Android:propertyName="yFraction"
    Android:valueFrom="0"
    Android:valueTo="0.8"
    Android:valueType="floatType" />

または、コードでアニメーションを作成します

final LoginLayout loginLayout = (LoginLayout) findViewById(R.id.login_layout);
final ObjectAnimator oa = ObjectAnimator.ofFloat(loginLayout, "yFraction", 0f, 0.8f);
oa.start();
9
vasart

ObjectAnimatorのカスタムプロパティを使用してみてください。カスタムプロパティでカスタムビューを作成する代わりに、「分数」を受け入れるカスタムプロパティを作成できます。

Property<View, Float> property = new Property<View, Float>(Float.TYPE, "translation_x_fraction") {
        @Override public Float get(View view) { 
            return view.getWidth() <= 0 ? 0 : view.getTranslationX() / view.getWidth();
        }

        @Override public void set(View view, Float value) {
            view.setTranslationX(view.getWidth() * value);
        }
}

ObjectAnimator.ofFloat(view, property, 0f, 1f);
2
droidfans.liu

ObjectAnimatorを使用して画面の外側からアニメーションを作成する場合。これを行うには、Android=ディスプレイサイズ。

    @Override
    public void onCreate(Bundle savedInstanceState) {

        ...

        sampleImage = BitmapFactory.decodeResource(getResources(), R.drawable.sample);

        myImage = (ImageView) findViewById(R.id.image_view);
        myImage.setImageBitmap(sampleImage);

        //In case API Level is 14 above.
        Display display = getWindowManager().getDefaultDisplay();
        Point size = new Point();
        display.getSize(size);
        float displayWidth = size.x;

        //In case API Level is 13 below.       
        //WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
        //Display display = wm.getDefaultDisplay();
        //displayWidth = display.getWidth();

        animator = ObjectAnimator.ofFloat(myImage, "translationX", displayWidth,  0);
        animator.setDuration(500);

    }

私の提案がポイントを逃した場合、申し訳ありません。

2
ataru

私はこのようにしてきました、私はあまりにも多くの時間を費やしましたが、それはあなたの時間を節約します。

引数：

  1. 表示（サポートの表示）
  2. 親の幅（ビューのルート）
  3. 子の幅（アニメーションを適用する対象）
  4. ％（オブジェクトまたはビューを移動する割合）

引数を恐れないでください。ここでは例で説明しています。

[〜＃〜] xml [〜＃〜]およびJavaコード：

activity_main.xml：

<LinearLayout
     Android:id="@+id/llProgressParent"
     Android:layout_width="match_parent"
     Android:layout_height="match_parent"
     Android:layout_margin="5dp"
     Android:layout_gravity="center"
     Android:orientation="horizontal"
     Android:weightSum="1" >

     <View
        Android:id="@+id/viewSuppot"
        Android:layout_width="0dp"
        Android:layout_height="match_parent"
        Android:layout_weight="0" >
     </View>

     <ImageView
        Android:id="@+id/ivProgressChild"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="center"
        Android:src="@drawable/ic_launcher" />

</LinearLayout>

MainActivity.Java：

private LinearLayout llProgressParent;
private View viewSuppot;
private ImageView ivProgressChild;
private int childWidth, parentWidth;
private int percentage = 75;

on onCreate（）：

viewSuppot = findViewById(R.id.viewSuppot);

llProgressParent = (LinearLayout)findViewById(R.id.llProgressParent);
llProgressParent.post(new Runnable() {
      @Override
      public void run() {
          parentWidth = llProgressParent.getMeasuredWidth();
      }
  });


 ivProgressChild = (ImageView)findViewById(R.id.ivProgressChild);
 ivProgressChild.post(new Runnable() {
      @Override
      public void run() {
          childWidth = ivProgressChild.getMeasuredWidth();
      }
  });

方法：

private void animateViewByPercentageOrProgrss(final View view,  int parentWidth, int childWidth, int percentage){
        try {
            Thread.sleep(2000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        ValueAnimator anim = ValueAnimator.ofInt(view.getMeasuredWidth(), (int) (((float) percentage * parentWidth) / 100)-(childWidth/2));
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                int val = (Integer) valueAnimator.getAnimatedValue();
                ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
                layoutParams.width = val;
                view.setLayoutParams(layoutParams);
            }
        });
        anim.setDuration(2000);
        anim.start();
    }

方法呼び出す方法：

animateViewByPercentageOrProgrss(viewSuppot, parentWidth, childWidth, percentage);

完了。

0
Hiren Patel