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)