私の Android アプリでは、CircularReveal を使用して、ボタンがクリックされると、以前は見えなかった灰色の RelativeLayout を画面全体に表示しています。問題は、ボタンが右下隅に配置されていることと、そこから始まるアニメーションが RelativeLayout のごく一部しかスムーズに表示しないことです。残りはアニメーションなしで表示されます。
私のコードは次のとおりです。
レイアウト/アクティビティ_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout android:id="@+id/cover_rl"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/fab_material_blue_grey_500"
android:alpha="0.7"
android:elevation="2dp"
android:layout_below="@id/tool_bar"
android:visibility="invisible" />
<com.software.shell.fab.ActionButton
android:id="@+id/fab_speeddial_action1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:stateListAnimator="@drawable/fab_animator"
android:layout_gravity="center_vertical"
android:elevation="6dp"
android:layout_alignParentRight="true"
android:layout_marginRight="24dp"
android:layout_marginBottom="24dp"
android:layout_above="@id/fab_speeddial_action2"
fab:type="MINI"
fab:button_color="@color/colorAccent"
fab:button_colorPressed="@color/fab_color_pressed"
fab:image="@drawable/ic_done_24px"
fab:shadow_color="#BF360C"
fab:shadow_radius="1.0dp"
fab:shadow_xOffset="0.5dp"
fab:shadow_yOffset="1.0dp"
fab:show_animation="@anim/fab_roll_from_down" />
</RelativeLayout>
MainActivity.java
public class MainActivity extends AppCompatActivity {
private boolean wasFABPressed;
@Override
protected void onCreate(Bundle savedInstanceState) {
RelativeLayout coverRl = (RelativeLayout) findViewById(R.id.cover_rl);
ActionButton actionButton = (ActionButton) findViewById(R.id.fab_speeddial_action1);
actionButton.setOnClickListener(new View.OnClickListener() {
if(wasFABPressed) {
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//El centro de la animación de revelar es el botón
float x = actionButton.getX();
float y = actionButton.getY();
int cx = (int) (x + (x + actionButton.getWidth())) / 2;
int cy = (int) (y + (y - actionButton.getHeight())) / 2;
int finalRadius = Math.max(coverRl.getWidth(), coverRl.getHeight()) / 2;
Animator anim = ViewAnimationUtils.createCircularReveal(coverRl, cx, cy, finalRadius, 0);
anim.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
coverRl.setVisibility(View.INVISIBLE);
}
});
anim.start();
}
}else{
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//El centro de la animación de revelar es el botón
float x = actionButton.getX();
float y = actionButton.getY();
int cx = (int) (x + (x + actionButton.getWidth())) / 2;
int cy = (int) (y + (y - actionButton.getHeight())) / 2;
int finalRadius = Math.max(coverRl.getWidth(), coverRl.getHeight()) / 2;
Animator anim = ViewAnimationUtils.createCircularReveal(coverRl, cx, cy, 0, finalRadius);
anim.setInterpolator(new AccelerateDecelerateInterpolator());
coverRl.setVisibility(View.VISIBLE);
anim.start();
}
}
wasFABPressed = !wasFABPressed;
});