GearLoadingProject

GearLoadingProject

项目地址：GearLoadingProject

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 CenterFilled 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 CutLayoutOne GearTwo GearsThree 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)