みんなに見せて！

こんにちは、 ハブロフスク市民 ！
LollipopからCircual Revealアニメーションを実装し、Gingerbreadのしきい値を下げる方法を説明します。

Lollipopは、ネイティブクラスHardwareCanvas、スムーズなアニメーションとレンダリングのためのRenderNodeAnimator、RippleおよびRevealアニメーションが組み込まれています。 現在、多くの要素が鉄のレベルで描画およびアニメーション化されています。

ネイティブアニメーション

public static Animator createCircularReveal(View view, int centerX, int centerY, float startRadius, float endRadius) { return new RevealAnimator(view, centerX, centerY, startRadius, endRadius); } 

ドキュメントで説明されているように、RevealAnimatorは円のアニメーショントリミングです。 次に、RenderNodeAnimatorから派生し、ネイティブメソッドを呼び出します。

  private static native long nCreateRevealAnimator( int x, int y, float startRadius, float endRadius); 

以下を介して、すでに円がトリミングされています。

 RevealAnimator::RevealAnimator(int centerX, int centerY, float startValue, float finalValue) : BaseRenderNodeAnimator(finalValue) , mCenterX(centerX) , mCenterY(centerY) { setStartValue(startValue); } float RevealAnimator::getValue(RenderNode* target) const { return target->properties().getRevealClip().getRadius(); } //     void RevealAnimator::setValue(RenderNode* target, float value) { target->animatorProperties().mutableRevealClip().set(true, mCenterX, mCenterY, value); } 

解決策

私の解決策は比較的単純です：独自のカスタムレイアウト（フレーム|線形、元の、ほとんど手を加えない）を作成し、子が描画されるメソッドのみを変更します

 @Override protected boolean drawChild(@NonNull Canvas canvas, @NonNull View child, long drawingTime) { if(!mClipOutlines && child != mTarget) return super.drawChild(canvas, child, drawingTime); final int state = canvas.save(); mRevealPath.reset(); mRevealPath.addCircle(mCenterX, mCenterY, mRadius, Path.Direction.CW); canvas.clipPath(mRevealPath); boolean isInvalidated = super.drawChild(canvas, child, drawingTime); canvas.restoreToCount(state); return isInvalidated; } 

アニメーション中にキャンバスに特定の領域を切り抜くだけです。 アニメーションはObjectAnimatorを介して実装されます（Jake Wharton、nineoldsandroidに感謝）。



記事が少しくしゃくしゃになっていることがわかりました。質問がある場合は、コメントを書いてください。記事を補足します:)

ご清聴ありがとうございました！
Github