11

Facebook のリバウンド ライブラリを使用して、チャット ヘッドの実装で見られる跳ねるアニメーションを再現しています。問題は、ほとんどの場合、アニメーションが途切れることです。いくつかの写真がこれをよりよく説明します。バターのように滑らかなチャットヘッドのアニメーションは次のとおりです。

Facebookメッセンジャー

そして、これが私の試みです(白のアニメーションがViewほぼすべてのフレームをスキップすることに注意してください):

吃音アニメーション

たまにスムーズに動作します:

滑らかなアニメーション

以下は私が現在使用しているコードです (すぐにセットアップしたい場合は、プロジェクト全体がGithubにあります)。これは、ハードウェアアクセラレーションが正しく有効になっていないことに関係していると思いViewます。Springmyには 2 つの s がありSpringSystem、1 つは「バブル」(Android アイコン) 用で、もう 1 つはコンテンツ (Viewバブルをタップすると表示される白) 用です。この問題を解決する方法についての助けをいただければ幸いです。ありがとう。

AndroidManifest.xml:

    <application android:hardwareAccelerated="true" ...>
        ...
    </application>

AppService.java:

    // the following code is in AppService#onCreate()
    // AppService extends android.app.Service
    // full code at https://github.com/vickychijwani/BubbleNote

    mContent.setLayerType(View.LAYER_TYPE_HARDWARE, null);

    final Spring bubbleSpring = system.createSpring();
    bubbleSpring.setCurrentValue(1.0);
    bubbleSpring.addListener(new SpringListener() {
        @Override
        public void onSpringUpdate(Spring spring) {
            float value = (float) spring.getCurrentValue();
            params.x = (int) (mPos[0] * value);
            params.y = (int) (mPos[1] * value);
            mWindowManager.updateViewLayout(mBubble, params);
            // fire the second animation when this one is about to end
            if (spring.isOvershooting() && contentSpring.isAtRest()) {
                contentSpring.setEndValue(1.0);
            }
        }

        // ...
    });

    final Spring contentSpring = system.createSpring();
    contentSpring.setCurrentValue(0.0);
    contentSpring.addListener(new SpringListener() {
        @Override
        public void onSpringUpdate(Spring spring) {
            // always prints false?!
            Log.d(TAG, "hardware acc = " + mContent.isHardwareAccelerated());
            float value = (float) spring.getCurrentValue();
            // clamping is required to prevent flicker
            float clampedValue = Math.min(Math.max(value, 0.0f), 1.0f);
            mContent.setScaleX(value);
            mContent.setScaleY(value);
            mContent.setAlpha(clampedValue);
        }

        // ...
    });
4

1 に答える 1

10

フレームワークのソースコードを調べて、それを理解しました。

TL;DR : /に手動でアタッチするWindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATEDときに、レイアウト フラグに追加します。マニフェストの設定は機能しません。ViewWindowWindowManagerandroid:hardwareAccelerated=true


次のように手動で にアタッチViewしていWindowManagerServiceます (チャット ヘッドをエミュレートするために で UI を作成する必要があるため)。

    // code at https://github.com/vickychijwani/BubbleNote/blob/eb708e3910a7279c5490f614a7150009b59bad0b/app/src/main/java/io/github/vickychijwani/bubblenote/BubbleNoteService.java#L54
    mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
    LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
    mBubble = (LinearLayout) inflater.inflate(R.layout.bubble, null, false);
    // ...
    final WindowManager.LayoutParams params = new WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.TYPE_PHONE,
            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT);
    // ...
    mWindowManager.addView(mBubble, params);

掘りに行こう…

Android フレームワークへようこそ

でデバッグを開始View#draw(...)し、コール スタックを に上げましたViewRootImpl#draw(boolean)。ここで、このコードに出くわしました:

    if (!dirty.isEmpty() || mIsAnimating) {
        if (attachInfo.mHardwareRenderer != null && attachInfo.mHardwareRenderer.isEnabled()) {
            // Draw with hardware renderer.
            mIsAnimating = false;
            mHardwareYOffset = yoff;
            mResizeAlpha = resizeAlpha;

            mCurrentDirty.set(dirty);
            dirty.setEmpty();

            attachInfo.mHardwareRenderer.draw(mView, attachInfo, this,
                    animating ? null : mCurrentDirty);
        } else {
            // If we get here with a disabled & requested hardware renderer, something went
            // wrong (an invalidate posted right before we destroyed the hardware surface
            // for instance) so we should just bail out. Locking the surface with software
            // rendering at this point would lock it forever and prevent hardware renderer
            // from doing its job when it comes back.
            // Before we request a new frame we must however attempt to reinitiliaze the
            // hardware renderer if it's in requested state. This would happen after an
            // eglTerminate() for instance.
            if (attachInfo.mHardwareRenderer != null &&
                    !attachInfo.mHardwareRenderer.isEnabled() &&
                    attachInfo.mHardwareRenderer.isRequested()) {

                try {
                    attachInfo.mHardwareRenderer.initializeIfNeeded(mWidth, mHeight,
                            mHolder.getSurface());
                } catch (OutOfResourcesException e) {
                    handleOutOfResourcesException(e);
                    return;
                }

                mFullRedrawNeeded = true;
                scheduleTraversals();
                return;
            }

            if (!drawSoftware(surface, attachInfo, yoff, scalingRequired, dirty)) {
                return;
            }
        }
    }

私の場合ViewRootImpl#drawSoftware()は、ソフトウェア レンダラーを使用して呼び出されていました。うーん... つまり、HardwareRendererですnull。そこで、次の場所にある の構築ポイントを探しに行きHardwareRendererましたViewRootImpl#enableHardwareAcceleration(WindowManager.LayoutParams)

    // Try to enable hardware acceleration if requested
    final boolean hardwareAccelerated =
            (attrs.flags & WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED) != 0;
    if (hardwareAccelerated) {
        // ...
        mAttachInfo.mHardwareRenderer = HardwareRenderer.createGlRenderer(2, translucent);
        // ...
    }

あはは!我々の犯人だ!

目の前の問題に戻る

この場合、マニフェストで設定したにもかかわらず、 Android は自動的FLAG_HARDWARE_ACCELERATEDに thisを設定しません。したがって、修正は簡単です:Windowandroid:hardwareAccerelated=true

    mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
    LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
    mBubble = (LinearLayout) inflater.inflate(R.layout.bubble, null, false);
    // ...
    final WindowManager.LayoutParams params = new WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.TYPE_PHONE,
            // NOTE
            WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT);
    // ...
    mWindowManager.addView(mBubble, params);

アニメーションはまだ Facebook ほどスムーズではありませんが。なぜだろう... (誰かが尋ねる前に: いいえ、アニメーション中に大量のログはありません; はい、リリースビルドで試しました)

于 2014-09-09T03:07:17.633 に答える