Features

Min SDK : 11

Price : Free

Language : Java

Download

Link : Github

Owner : lj-3d

Source Code : Download


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

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

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)