Giter VIP home page Giter VIP logo

floatingactionbutton-1's Introduction

FloatingActionButton

Library to use the Floating Action Button (FAB) from Android L on Jellybean and KitKat.

Use Drawables of size 24dp as FabDrawables to get the desired look. Drawables can be generated via Android Asset Studio.

Instructions

  1. Place the FAB in a FrameLayout and add your layouts above the FAB view. For best results, keep the FAB height and width at 72dp and in the bottom right of the FrameLayout

    <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">
    
        <!--
        Your layouts here. Do not put anything below the FAB layout
        -->
    
    
        <com.faizmalkani.floatingactionbutton.FloatingActionButton
            android:id="@+id/fabbutton"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_gravity="bottom|right"
            android:layout_marginBottom="16dp"
            android:layout_marginRight="16dp"
            app:drawable="@drawable/ic_action_edit"
            app:color="@color/some_color"
            />
    
    </FrameLayout>
  2. Initialize your FAB in your activity's onCreate()

    Fab mFab = (Fab)findViewById(R.id.fabbutton);
  3. Set the drawable and color of the FAB

    mFab.setFabColor(int fabColor);
    mFab.setFabDrawable(Drawable fabDrawable);
  4. If needed, call the other methods of the FAB

    mFab.hideFab();
    mFab.showFab();
    mFab.setAlpha();
    mFab.setOnClickListener();

© 2014 Faiz Malkani

floatingactionbutton-1's People

Contributors

faizmalkani avatar stephanebg avatar nathanrussakatbricksimple avatar raq154 avatar jonnyvr1 avatar saifc avatar johnjohndoe avatar jjobes avatar

Watchers

James Cloos avatar happyyang avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.