Material Design Android Library

• How to use
• Components
  • Buttons
    • Flat Button
    • Rectangle Button
    • Float Button
    • Float small button
  • Switches
    • CheckBox
    • Switch
  • Progress indicators
    • Progress bar circular indeterminate
    • Progress bar indeterminate
    • Progress bar indeterminate determinate
    • Progress bar determinate
    • Slider
    • Slider with number indicator
• Widgets
  • SnackBar
  • Dialog
  • Color selector

How to use

If you want use this library, you only have to download MaterialDesign project, import it into your workspace and add the project as a library in your android project settings.

Some components have custom attributes, if you want use them, you must add this line in your xml file in the first component:

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:materialdesign="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"
>
</RelativeLayout>

If you are going to use a ScrollView, it is recommended that you use the CustomScrollView provided in this library to avoid problems with the custom components. To use this component:

<com.gc.materialdesign.views.ScrollView xmlns:android="http://schemas.android.com/apk/res/android"xmlns:materialdesign="http://schemas.android.com/apk/res-auto"android:id="@+id/scroll"android:layout_width="match_parent"android:layout_height="match_parent">
</com.gc.materialdesign.views.ScrollView>

##Components

####Buttons

######Flat Button

<com.gc.materialdesign.views.ButtonFlat
android:id="@+id/buttonflat"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#1E88E5"android:text="Button" />

######Rectangle Button

<com.gc.materialdesign.views.ButtonRectangle
android:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#1E88E5"android:text="Button" />

######Float Button

It is recommended to put this component in the right-bottom of the screen. To use this component write this code in your xml file. If you don`t want to start this component with animation set the animate attribute to false. Put your icon in the icon attribute to set the drawable icon for this component.

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:materialdesign="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"
>
<!-- ... XML CODE -->
<com.gc.materialdesign.views.ButtonFloat
android:id="@+id/buttonFloat"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_alignParentBottom="true"android:layout_marginRight="24dp"android:background="#1E88E5"materialdesign:animate="true"materialdesign:icon="@drawable/ic_action_new" />
</RelativeLayout>

######Float small button

<com.gc.materialdesign.views.ButtonFloatSmall
android:id="@+id/buttonFloatSmall"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#1E88E5"materialdesign:icon="@drawable/ic_action_new" />

####Switches

######CheckBox

<com.gc.materialdesign.views.CheckBox
android:id="@+id/checkBox"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#1E88E5"materialdesign:check="true" />

######Switch

<com.gc.materialdesign.views.Switch
android:id="@+id/switchView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#1E88E5"materialdesign:check="true" />

####Progress indicators

######Progress bar circular indeterminate

<com.gc.materialdesign.views.ProgressBarCircularIndetermininate
android:id="@+id/progressBarCircularIndetermininate"android:layout_width="32dp"android:layout_height="32dp"android:background="#1E88E5" />

######Progress bar indeterminate

<com.gc.materialdesign.views.ProgressBarIndeterminate
android:id="@+id/progressBarIndeterminate"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#1E88E5" />

######Progress bar indeterminate determinate

<com.gc.materialdesign.views.ProgressBarIndeterminateDeterminate
android:id="@+id/progressBarIndeterminateDeterminate"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#1E88E5" />

If you begin progrees, you only have to set progress it

progressBarIndeterminateDeterminate.setProgress(progress);

######Progress bar determinate

<com.gc.materialdesign.views.ProgressBarDetermininate
android:id="@+id/progressDeterminate"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#1E88E5" />

You can custom max and min progress values with materialdesign:max="50" and materialdesign:min="25" attributes.

######Slider

<com.gc.materialdesign.views.Slider
android:id="@+id/slider"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#1E88E5"materialdesign:max="50"materialdesign:min="0"
/>

######Slider with number indicator

<com.gc.materialdesign.views.Slider
android:id="@+id/slider"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#1E88E5"materialdesign:max="50"materialdesign:min="0"materialdesign:showNumberIndicator="true"/>

##Widgets

####SnackBar

SnackBarsnackbar = newSnackBar(Activityactivity, Stringtext, StringbuttonText, View.OnClickListeneronClickListener);
snackbar.show();

If you don't want to show the button, put null in buttonText attribute

####Dialog

Dialogdialog = newDialog(Contextcontext,Stringtitle, Stringmessage);
dialog.show();

You can set the accept and cancel button on the event listener or change it's text

// Set accept click listennerdialog.setOnAcceptButtonClickListener(View.OnClickListeneronAcceptButtonClickListener);
// Set cancel click listennerdialog.setOnCancelButtonClickListener(View.OnClickListeneronCancelButtonClickListener);
// Acces to accept buttonButtonFlatacceptButton = dialog.getButtonAccept();
// Acces to cancel buttonButtonFlatcancelButton = dialog.getButtonCancel();

####Color selector

ColorSelectorcolorSelector = newColorSelector(Contextcontext,intintialColor, OnColorSelectedListeneronColorSelectedListener);
colorSelector.show();