GearLoadingLayout

Description

GearLoadingLayout widget for android that can be used as a progress bar, snack bar or yourself to create your own arrangements for their needs.

Short Description

Use GearView as standalone widget
Use one of the three prepared layouts (One Gear, Two Gears, Three Gears)
Use GearDialogBuilder to create you loading dialog, with lot functionality

GearView

Samples

In Xml

<lj_3d.gearloadinglayout.gearViews.GearView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    gear:mainDiameter="150dp"
    gear:secondDiameter="120dp"
    gear:innerDiameter="30dp"
    gear:enableCutCenter="true"
    gear:teethWidth="20dp"
    gear:mainColor="#3F51B5"
    gear:innerColor="#FF4081"
    gear:rotateAngle="10"/>

In Code

 GearView gearView = new GearView(mContext);
       gearView.setMainDiameter(300);
       gearView.setSecondDiameter(240);
       gearView.setInnerDiameter(80);
       gearView.setTeethWidth(40);
       gearView.setRotateOffset(20);
       gearView.setColor(Color.BLUE);
       gearView.setInnerColor(Color.RED);
       gearView.enableCuttedCenter(true); // boolean param == true (center of GearView will be cutted)
       gearView.startSpinning(false); // start spinning animation, boolean param == true (rotate to the left side) | param == false (rotate to the right side)

 (and don`t forget add to your root view)

On Android Device

Cutted Center	Filled Center

GearLayout

Features

Already preset layout
Small feature as CutOut Layout
Flexible functionality

Samples

In Xml

Three Gears

           <lj_3d.gearloadinglayout.gearViews.ThreeGearsLayout
                   android:layout_width="match_parent"
                   android:layout_height="match_parent"
                   gear:layoutAlpha="0.5"
                   gear:gearLayoutCutAlpha="0.5"
                   gear:cutLayoutVisibility="true"
                   gear:firstGearColor="@color/colorAccent"
                   gear:secondGearColor="@color/colorAccent"
                   gear:thirdGearColor="@color/colorAccent"
                   gear:firstGearCuttedCenter="false"
                   gear:secondGearCuttedCenter="false"
                   gear:thirdGearCuttedCenter="false"
                   gear:gearLayoutCutColor="@color/colorPrimaryDark"
                   gear:gearLayoutCutRadius="40dp"
                   gear:firstInnerGearColor="@color/colorPrimary"
                   gear:secondInnerGearColor="@color/colorPrimary"
                   gear:thirdInnerGearColor="@color/colorPrimary"/>

Two Gears

            <lj_3d.gearloadinglayout.gearViews.TwoGearsLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    gear:layoutAlpha="0.5"
                    gear:gearLayoutCutAlpha="0.5"
                    gear:cutLayoutVisibility="true"
                    gear:firstGearColor="@color/colorAccent"
                    gear:secondGearColor="@color/colorAccent"
                    gear:firstGearCuttedCenter="false"
                    gear:secondGearCuttedCenter="false"
                    gear:gearLayoutCutColor="@color/colorPrimaryDark"
                    gear:gearLayoutCutRadius="40dp"
                    gear:firstInnerGearColor="@color/colorPrimary"
                    gear:secondInnerGearColor="@color/colorPrimary"/>

One Gear

            <lj_3d.gearloadinglayout.gearViews.OneGearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    gear:layoutAlpha="0.5"
                    gear:gearLayoutCutAlpha="0.5"
                    gear:cutLayoutVisibility="true"
                    gear:firstGearColor="@color/colorAccent"
                    gear:firstGearCuttedCenter="false"
                    gear:gearLayoutCutColor="@color/colorPrimaryDark"
                    gear:gearLayoutCutRadius="40dp"
                    gear:firstInnerGearColor="@color/colorPrimary"/>

In Code

One Gear

    OneGearLayout threeGearsLayout = new OneGearLayout(this);
        threeGearsLayout.setFirstGearColor(Color.WHITE);
        threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
        threeGearsLayout.setDialogBackgroundAlpha(0.3f);
        threeGearsLayout.blurBackground(true);
        threeGearsLayout.enableCutLayout(false);
        threeGearsLayout.setCutRadius(80);
        threeGearsLayout.start();

Two Gears

   TwoGearsLayout threeGearsLayout = new TwoGearsLayout(this);
           threeGearsLayout.setFirstGearColor(Color.WHITE);
           threeGearsLayout.setSecondGearColor(Color.RED);
           threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
           threeGearsLayout.setDialogBackgroundAlpha(0.3f);
           threeGearsLayout.blurBackground(true);
           threeGearsLayout.enableCutLayout(false);
           threeGearsLayout.setCutRadius(80);
           threeGearsLayout.start();

Three Gears

   ThreeGearsLayout threeGearsLayout = new ThreeGearsLayout(this);
           threeGearsLayout.setFirstGearColor(Color.WHITE);
           threeGearsLayout.setSecondGearColor(Color.RED);
           threeGearsLayout.setThirdGearColor(Color.CYAN);
           threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
           threeGearsLayout.setDialogBackgroundAlpha(0.3f);
           threeGearsLayout.blurBackground(true);
           threeGearsLayout.enableCutLayout(false);
           threeGearsLayout.setCutRadius(80);
           threeGearsLayout.start();

On Android Device

With CutLayout	One Gear	Two Gears	Three Gears

GearDialogBuilder

Features

Fast create loading dialog
Enable Blur Effect (Thanks This Stack Overflow Resource)
Support modes : Dialog, Snackbar

Sample

GearDialogBuilder.getInstance(MainActivity.this)
                    .setType(ThreeGearsLayout.class)
                    .setShowDialogDuration(200)
                    .setShowMode(showMode)
                    .setDuration(3000)
                    .blurBackground(blur)
                    .enableCutLayout(false)
                    .setDialogBackgroundAlpha(0.5f)
                    .setDialogBackgroundColor(mResources.getColor(R.color.colorAccent))
                    .setFirstGearColor(mResources.getColor(R.color.colorPrimaryDark))
                    .setSecondGearColor(mResources.getColor(R.color.dialog_stroke_color))
                    .setThirdGearColor(mResources.getColor(R.color.colorPrimary))
                    .show();

On Android Device

Android SDK Version

Min SDK Version == 11.

License

Apache 2.0. See LICENSE file for details.

Author

Liubomyr Miller (lj-3d)