OnClick button for floating action

Question

I am new to working with a floating action button and trying to get some of the basic things working today. I am currently lingering to work with onClick functionality. I pulled most of the code from the basic Google googles FAB example, and there it has the onChecked method, which sends a line to the log to show that you clicked on it.

 @Override public void onCheckedChanged(FloatingActionButton fabView, boolean isChecked) { // When a FAB is toggled, log the action. switch (fabView.getId()){ case R.id.fab_1: break; default: break; } } 

I thought I could replace the functionality there, but it didn’t affect. So I tried to create onClickListener , like with any other button, but it also did not affect. I am not sure how to proceed, since not one option worked. my goal is to simply create a dialog when I click the floating action button, but for now, I'm just trying to use the placeholder alert dialog.

This is the class FloatingActionButtonFragment:

 public class FloatingActionButtonFragment extends Fragment implements FloatingActionButton.OnCheckedChangeListener { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View rootView = inflater.inflate(R.layout.fab_layout, container, false); // Make this {@link Fragment} listen for changes in both FABs. FloatingActionButton fab1 = (FloatingActionButton) rootView.findViewById(R.id.fab_1); fab1.setOnCheckedChangeListener(this); fab1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setMessage("Are you sure?") .setPositiveButton("Yes", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { } }) .setNegativeButton("Cancel", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { // User cancelled the dialog } }); // Create the AlertDialog object and return it AlertDialog dialog = builder.create(); dialog.show(); } }); return rootView; } @Override public void onCheckedChanged(FloatingActionButton fabView, boolean isChecked) { // When a FAB is toggled, log the action. switch (fabView.getId()){ case R.id.fab_1: break; default: break; } } } 

And here is the FloatingActionButton class:

 public class FloatingActionButton extends FrameLayout implements Checkable { /** * Interface definition for a callback to be invoked when the checked state * of a compound button changes. */ public static interface OnCheckedChangeListener { /** * Called when the checked state of a FAB has changed. * * @param fabView The FAB view whose state has changed. * @param isChecked The new checked state of buttonView. */ void onCheckedChanged(FloatingActionButton fabView, boolean isChecked); } /** * An array of states. */ private static final int[] CHECKED_STATE_SET = { android.R.attr.state_checked }; private static final String TAG = "FloatingActionButton"; // A boolean that tells if the FAB is checked or not. private boolean mChecked; // A listener to communicate that the FAB has changed it state private OnCheckedChangeListener mOnCheckedChangeListener; public FloatingActionButton(Context context) { this(context, null, 0, 0); } public FloatingActionButton(Context context, AttributeSet attrs) { this(context, attrs, 0, 0); } public FloatingActionButton(Context context, AttributeSet attrs, int defStyleAttr) { this(context, attrs, defStyleAttr, 0); } public FloatingActionButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr); setClickable(true); // Set the outline provider for this view. The provider is given the outline which it can // then modify as needed. In this case we set the outline to be an oval fitting the height // and width. setOutlineProvider(new ViewOutlineProvider() { @Override public void getOutline(View view, Outline outline) { outline.setOval(0, 0, getWidth(), getHeight()); } }); // Finally, enable clipping to the outline, using the provider we set above setClipToOutline(true); } /** * Sets the checked/unchecked state of the FAB. * @param checked */ public void setChecked(boolean checked) { // If trying to set the current state, ignore. if (checked == mChecked) { return; } mChecked = checked; // Now refresh the drawable state (so the icon changes) refreshDrawableState(); if (mOnCheckedChangeListener != null) { mOnCheckedChangeListener.onCheckedChanged(this, checked); } } /** * Register a callback to be invoked when the checked state of this button * changes. * * @param listener the callback to call on checked state change */ public void setOnCheckedChangeListener(OnCheckedChangeListener listener) { mOnCheckedChangeListener = listener; } @Override public boolean isChecked() { return mChecked; } @Override public void toggle() { setChecked(!mChecked); } /** * Override performClick() so that we can toggle the checked state when the view is clicked */ @Override public boolean performClick() { toggle(); return super.performClick(); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); // As we have changed size, we should invalidate the outline so that is the the // correct size invalidateOutline(); } @Override protected int[] onCreateDrawableState(int extraSpace) { final int[] drawableState = super.onCreateDrawableState(extraSpace + 1); if (isChecked()) { mergeDrawableStates(drawableState, CHECKED_STATE_SET); } return drawableState; } } 

At the moment there is not much for any class, they are mostly husk, but I just want to get this basic functionality before I continue, and being a noob, I, I don’t know why this wouldn’t work .

Answer 1

If you have not reached the deadline, you should change the button with a floating action to the one provided by Google in the design library just follow http://android-developers.blogspot.in/2015/05/android-design-support-library. html

Add to XML Layout:

 <android.support.design.widget.FloatingActionButton android:id="@+id/myFAB" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/your_icon" app:elevation="4dp" ... /> 

Add to code behind:

 FloatingActionButton myFab = (FloatingActionButton) myView.findViewById(R.id.myFAB); myFab.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { doMyThing(); } }); 

See the FloatingActionButton sample with support library for more details.

Answer 2

In fact, now with the support of the Android support library, it was very easy to add FAB and configure it with click-clicks

  FloatingActionButton fab = findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // FAB Action goes here } }); 

Link: http://androidgifts.com/android-material-design-floating-action-button-tutorial/

Answer 3

To use the / Alertdialog dialog with the floating action button you are using, try changing onClick (View v) from this

 AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); 

to

  AlertDialog.Builder builder = new AlertDialog.Builder(v.getContext());