How to create a floating Action Button in MapsActivity. with the maps activity having fullscreen theme?

Question

I was working on the Maps activity and I'm facing an error while trying to place a floating Action Button.

I wanted a floating Action Button in the Maps activity with full screen functionality.

This is my XML file.

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_marginTop="0dp"
    android:layout_marginBottom="0dp"
    android:layout_marginLeft="0dp"
    android:layout_marginRight="0dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.avinashk.rns.MapsActivity"
    tools:layout="@layout/abc_action_bar_title_item" />
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />
</LinearLayout>

This is the Manifest for the Maps activity.

    <meta-data
        android:name="com.google.android.geo.API_KEY"
        android:value="@string/google_maps_key" />
    <activity
        android:name=".MapsActivity"
        android:label="@string/title_activity_maps"
        android:theme="@android:style/Theme.NoTitleBar.Fullscreen"/>

This is the onCreate for the maps activity.

@Override
protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_maps);
     SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(MapsActivity.this);
    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //double result = CalculationByDistance(rns,);
            Snackbar.make(view, "You are DD distance from the college", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
        }
    });}

The rendering problem log is:

The following classes could not be instantiated:
- android.support.design.widget.FloatingActionButton (Open Class, Show Exception, Clear Cache)
 Tip: Use View.isInEditMode() in your custom views to skip code or show sample data when shown in the IDE  Exception Details java.lang.IllegalArgumentException: You need to use a Theme.AppCompat theme (or descendant) with the design library.   at android.support.design.widget.ThemeUtils.checkAppCompatTheme(ThemeUtils.java:34)   at android.support.design.widget.FloatingActionButton.<init>(FloatingActionButton.java:110)   at android.support.design.widget.FloatingActionButton.<init>(FloatingActionButton.java:104)   at java.lang.reflect.Constructor.newInstance(Constructor.java:422)   at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:704)   at android.view.LayoutInflater.rInflate_Original(LayoutInflater.java:835)   at android.view.LayoutInflater_Delegate.rInflate(LayoutInflater_Delegate.java:70)   at android.view.LayoutInflater.rInflate(LayoutInflater.java:811)   at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:798)   at android.view.LayoutInflater.inflate(LayoutInflater.java:515)   at android.view.LayoutInflater.inflate(LayoutInflater.java:394)

this is not application runtime error but what you see in AS view preview. — Marcin Orlowski, Jan 15 '16 at 15:13
Did you try to rebuild your project? That usually fixes those problems for me — Nick H, Jan 15 '16 at 15:16
Possible duplicate of [Full Screen Theme for AppCompat](http://stackoverflow.com/questions/20653305/full-screen-theme-for-appcompat) — Daniel Nugent, Jan 15 '16 at 16:01

score 2 · Answer 1 · answered Jan 15 '16 at 16:00

Make sure you have added Support Library correctly, like this:

public class MapsActivity extends AppCompatActivity

And you didn't check this error:

Tip: Use View.isInEditMode() in your custom views to skip code or show sample data when shown in the IDE Exception Details java.lang.IllegalArgumentException: You need to use a Theme.AppCompat theme (or descendant) with the design library.

Check this in your dependencies:

compile 'com.android.support:support-v4:23.1.1'

Sync it and you are ready to go.

And one thing, if you are trying to do that like following link, i'd rather to use CoordinatorLayout which that comes from Support Library:

https://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions

That can be like this:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/fab_coordinator_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#EEEEEE"
    android:fitsSystemWindows="true">

    <android.support.v4.widget.NestedScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

       <!--your fragment could be here-->

    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">


    </android.support.design.widget.AppBarLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:src="@drawable/ic_remove_acc"
        app:backgroundTint="#DD2C00"
        app:fabSize="normal"
        app:layout_anchor="@id/fab_coordinator_layout"
        app:layout_anchorGravity="right|bottom" />

</android.support.design.widget.CoordinatorLayout>

How to create a floating Action Button in MapsActivity. with the maps activity having fullscreen theme?

1 Answers1