परिपत्र प्रकट नहीं काम कर रहा है जब फैब गुरुत्वाकर्षण नीचे है

Question

मैं एक उपकरण पट्टी करने के लिए एक अस्थायी कार्रवाई बटन (FAB) morphing पर काम कर रहा हूँ और चीजों को निम्न कोड के साथ सुचारू रूप से और पूरी तरह से काम:

लेआउट फ़ाइल:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="sg.com.saurabh.designlibraryexpirements.ToolbarMorphActivity"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top|right" 
     android:layout_marginTop="@dimen/activity_vertical_margin" 
     android:layout_marginRight="@dimen/activity_vertical_margin" 
     android:layout_marginBottom="@dimen/activity_vertical_margin" 
     android:src="@drawable/ic_add" /> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     style="@style/ToolBarTheme" 
     android:layout_height="?attr/actionBarSize" 
     android:layout_gravity="top" 
     android:layout_marginTop="@dimen/activity_vertical_margin" 
     android:layout_marginBottom="@dimen/activity_vertical_margin" 
     android:visibility="invisible" 
     tools:visibility="visible" /> 

</FrameLayout> 

गतिविधि:

package sg.com.saurabh.designlibraryexpirements; 

import android.animation.Animator; 
import android.os.Bundle; 
import android.os.Handler; 
import android.support.design.widget.FloatingActionButton; 
import android.support.v4.view.animation.FastOutLinearInInterpolator; 
import android.support.v4.view.animation.LinearOutSlowInInterpolator; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.Toolbar; 
import android.view.View; 
import android.view.ViewAnimationUtils; 
import android.view.animation.AccelerateInterpolator; 
import android.view.animation.AnticipateOvershootInterpolator; 

public class ToolbarMorphActivity extends AppCompatActivity { 

    Toolbar toolbar; 
    FloatingActionButton fab; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_toolbar_morph); 

     toolbar = (Toolbar) findViewById(R.id.toolbar); 
     fab = (FloatingActionButton) findViewById(R.id.fab); 
     fab.setOnClickListener(mFabClickListener); 
    } 

    private View.OnClickListener mFabClickListener = new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      fab.animate() 
        .rotationBy(45) 
        .setInterpolator(new AnticipateOvershootInterpolator()) 
        .setDuration(250) 
        .start(); 

      new Handler().postDelayed(new Runnable() { 
       @Override 
       public void run() { 
        fab.setVisibility(View.GONE); 
       } 
      },50); 

      revealToolbar(); 
     } 
    }; 

    private void revealToolbar() { 
     toolbar.setVisibility(View.VISIBLE); 

     int x = (int)fab.getX() + fab.getWidth()/2; 
     int y = (int)fab.getY() + fab.getHeight()/2; 

     Animator animator = ViewAnimationUtils.createCircularReveal(toolbar, x, y, 0, toolbar.getWidth()) 
       .setDuration(400); 
     animator.setInterpolator(new FastOutLinearInInterpolator()); 
     animator.start(); 
    } 

    private void dismissToolbar() { 
     int x = (int)fab.getX() + fab.getWidth()/2; 
     int y = (int)fab.getY() + fab.getHeight()/2; 

     Animator animator = ViewAnimationUtils.createCircularReveal(toolbar, x, y, toolbar.getWidth(), 0) 
       .setDuration(400); 
     animator.setInterpolator(new LinearOutSlowInInterpolator()); 
     animator.addListener(new Animator.AnimatorListener() { 
      @Override 
      public void onAnimationStart(Animator animation) { 

      } 

      @Override 
      public void onAnimationEnd(Animator animation) { 
       toolbar.setVisibility(View.INVISIBLE); 
      } 

      @Override 
      public void onAnimationCancel(Animator animation) { 

      } 

      @Override 
      public void onAnimationRepeat(Animator animation) { 

      } 
     }); 
     animator.start(); 

     new Handler().postDelayed(new Runnable() { 
      @Override 
      public void run() { 
       fab.setVisibility(View.VISIBLE); 

       fab.animate() 
         .rotationBy(-45) 
         .setInterpolator(new AccelerateInterpolator()) 
         .setDuration(100) 
         .start(); 
      } 
     },200); 
    } 

    @Override 
    public void onBackPressed() { 
     if(toolbar.getVisibility() == View.VISIBLE) { 
      dismissToolbar(); 
     } 
     else 
      super.onBackPressed(); 
    } 
} 

परिपत्र काम करता है पता चलता है के रूप में ऊपर लेआउट के लिए उम्मीद। हालांकि जब मैं के बजाय bottom पर फैब और टूलबार के layout_gravity को बदलता हूं तो चीज टूट जाती है। घूर्णन एनीमेशन काम करता है और फिर टूलबार केवल परिपत्र प्रकट किए बिना एनीमेशन प्रकट होता है। सर्कुलर को एनीमेशन प्रकट करने के तरीके को तोड़ने से मैं पूरी तरह से फंस गया हूं।

द्वारा

private void revealToolbar() { 
    .... 
    int x = (int)fab.getX() + fab.getWidth()/2; 
    int y = (int)fab.getY() + fab.getHeight()/2; 
    .... 
} 

private void revealToolbar() { 
    ... 
    int x = (int)fab.getX() + fab.getWidth()/2; 
    int y = fab.getHeight()/2; 
    ... 
} 

कारण है कि createCircularReveal के निर्देशांक के रूप में मानकों centerY और centerX ले जा रहा है:

Answer 1

आप के लिए ठीक को बदलने के लिए किया जाएगा एनिमेटिंग सर्कल का केंद्र, देखने के सापेक्ष (यानी। हमारे मामले में Toolbar)।

method ViewAnimationUtils.createCircularReveal definition देखें:

........ 
* @param view The View will be clipped to the animating circle. 
* @param centerX The x coordinate of the center of the animating circle, relative to 
*    <code>view</code>. 
* @param centerY The y coordinate of the center of the animating circle, relative to 
*    <code>view</code>. 
* @param startRadius The starting radius of the animating circle. 
* @param endRadius The ending radius of the animating circle. 
*/