How is floating action button created?

Question

While using the floating action button provided by android developer, I can't help but to wonder how exactly did they even achieve the floating action button from scratch.

1) I would like to know how exactly was the floating action button was built

2) how is the android able to animate only the plus to become something else?

This might be a repeat of other post but I have checked already and can't seem to find any post asking this same question. If you find one that ask similar question then please let me know.

My post is different from this post: How can I add the new "Floating Action Button" between two widgets/layouts because the post above only explain how to use the android FAB library and does not explain how FAB are created from scratch.

Hey funny you suggest that post. I have checked it before posting this one and that only tell you how to use the android FAB library and that I already know. The problem is I am really curious on how they create that from scratch. — Wowzer, Feb 17 '16 at 17:41
You should look into the official documentation of FAB Class. [..Here..](http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html) — drWisdom, Feb 17 '16 at 17:44
The design library is all open source, so you can see for yourself. You can even view the source directly in Android Studio. — Doug Stevenson, Feb 17 '16 at 17:53

score 0 · Accepted Answer · answered Feb 17 '16 at 18:00

FloatingActionButton class mainly extends the VisibilityAwareImageButton which extends the imagebutton . So, from scratch when you start you should start from extending imagebutton. Then when you get VisibilityAwareImageButton you can create your FloatingButton class. Code for VisibilityAwareImageButton is given below

package android.support.design.widget;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageButton;

class VisibilityAwareImageButton extends ImageButton {

private int mUserSetVisibility;

public VisibilityAwareImageButton(Context context) {
    this(context, null);
}

public VisibilityAwareImageButton(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public VisibilityAwareImageButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mUserSetVisibility = getVisibility();
}

@Override
public void setVisibility(int visibility) {
    internalSetVisibility(visibility, true);
}

final void internalSetVisibility(int visibility, boolean fromUser) {
    super.setVisibility(visibility);
    if (fromUser) {
        mUserSetVisibility = visibility;
    }
}

final int getUserSetVisibility() {
    return mUserSetVisibility;
}
}

How they created the Floating button:

well the source code is available in below link from google

https://android.googlesource.com/platform/frameworks/support/+/master/design/src/android/support/design/widget/FloatingActionButton.java?autodive=0%2F%2F

And the VisibilityAwareImageButton code is taken from below link https://github.com/android/platform_frameworks_support/blob/master/design/base/android/support/design/widget/VisibilityAwareImageButton.java

How is floating action button created?

1 Answers1