技术控

    今日:60| 主题:49312
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] GearLoadingProject

[复制链接]
我的独一无二 发表于 2016-10-4 08:18:46
81 2

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
GearLoadingLayout

  Description

  GearLoadingLayoutwidget 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

  1. <lj_3d.gearloadinglayout.gearViews.GearView
  2.     android:layout_width="wrap_content"
  3.     android:layout_height="wrap_content"
  4.     gear:mainDiameter="150dp"
  5.     gear:secondDiameter="120dp"
  6.     gear:innerDiameter="30dp"
  7.     gear:enableCutCenter="true"
  8.     gear:teethWidth="20dp"
  9.     gear:mainColor="#3F51B5"
  10.     gear:innerColor="#FF4081"
  11.     gear:rotateAngle="10"/>
复制代码
In Code

  1. GearView gearView = new GearView(mContext);
  2.        gearView.setMainDiameter(300);
  3.        gearView.setSecondDiameter(240);
  4.        gearView.setInnerDiameter(80);
  5.        gearView.setTeethWidth(40);
  6.        gearView.setRotateOffset(20);
  7.        gearView.setColor(Color.BLUE);
  8.        gearView.setInnerColor(Color.RED);
  9.        gearView.enableCuttedCenter(true); // boolean param == true (center of GearView will be cutted)
  10.        gearView.startSpinning(false); // start spinning animation, boolean param == true (rotate to the left side) | param == false (rotate to the right side)
  11. (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
         
    1. <lj_3d.gearloadinglayout.gearViews.ThreeGearsLayout
    2.                    android:layout_width="match_parent"
    3.                    android:layout_height="match_parent"
    4.                    gear:layoutAlpha="0.5"
    5.                    gear:gearLayoutCutAlpha="0.5"
    6.                    gear:cutLayoutVisibility="true"
    7.                    gear:firstGearColor="@color/colorAccent"
    8.                    gear:secondGearColor="@color/colorAccent"
    9.                    gear:thirdGearColor="@color/colorAccent"
    10.                    gear:firstGearCuttedCenter="false"
    11.                    gear:secondGearCuttedCenter="false"
    12.                    gear:thirdGearCuttedCenter="false"
    13.                    gear:gearLayoutCutColor="@color/colorPrimaryDark"
    14.                    gear:gearLayoutCutRadius="40dp"
    15.                    gear:firstInnerGearColor="@color/colorPrimary"
    16.                    gear:secondInnerGearColor="@color/colorPrimary"
    17.                    gear:thirdInnerGearColor="@color/colorPrimary"/>
    复制代码
       
  •       Two Gears
         
    1. <lj_3d.gearloadinglayout.gearViews.TwoGearsLayout
    2.                     android:layout_width="match_parent"
    3.                     android:layout_height="match_parent"
    4.                     gear:layoutAlpha="0.5"
    5.                     gear:gearLayoutCutAlpha="0.5"
    6.                     gear:cutLayoutVisibility="true"
    7.                     gear:firstGearColor="@color/colorAccent"
    8.                     gear:secondGearColor="@color/colorAccent"
    9.                     gear:firstGearCuttedCenter="false"
    10.                     gear:secondGearCuttedCenter="false"
    11.                     gear:gearLayoutCutColor="@color/colorPrimaryDark"
    12.                     gear:gearLayoutCutRadius="40dp"
    13.                     gear:firstInnerGearColor="@color/colorPrimary"
    14.                     gear:secondInnerGearColor="@color/colorPrimary"/>
    复制代码
       
  •       One Gear
         
    1. <lj_3d.gearloadinglayout.gearViews.OneGearLayout
    2.                     android:layout_width="match_parent"
    3.                     android:layout_height="match_parent"
    4.                     gear:layoutAlpha="0.5"
    5.                     gear:gearLayoutCutAlpha="0.5"
    6.                     gear:cutLayoutVisibility="true"
    7.                     gear:firstGearColor="@color/colorAccent"
    8.                     gear:firstGearCuttedCenter="false"
    9.                     gear:gearLayoutCutColor="@color/colorPrimaryDark"
    10.                     gear:gearLayoutCutRadius="40dp"
    11.                     gear:firstInnerGearColor="@color/colorPrimary"/>
    复制代码

  In Code

  
       
  •       One Gear
         
    1. OneGearLayout threeGearsLayout = new OneGearLayout(this);
    2.         threeGearsLayout.setFirstGearColor(Color.WHITE);
    3.         threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
    4.         threeGearsLayout.setDialogBackgroundAlpha(0.3f);
    5.         threeGearsLayout.blurBackground(true);
    6.         threeGearsLayout.enableCutLayout(false);
    7.         threeGearsLayout.setCutRadius(80);
    8.         threeGearsLayout.start();
    复制代码
       
  •       Two Gears
         
    1. TwoGearsLayout threeGearsLayout = new TwoGearsLayout(this);
    2.            threeGearsLayout.setFirstGearColor(Color.WHITE);
    3.            threeGearsLayout.setSecondGearColor(Color.RED);
    4.            threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
    5.            threeGearsLayout.setDialogBackgroundAlpha(0.3f);
    6.            threeGearsLayout.blurBackground(true);
    7.            threeGearsLayout.enableCutLayout(false);
    8.            threeGearsLayout.setCutRadius(80);
    9.            threeGearsLayout.start();
    复制代码
       
  •       Three Gears
         
    1. ThreeGearsLayout threeGearsLayout = new ThreeGearsLayout(this);
    2.            threeGearsLayout.setFirstGearColor(Color.WHITE);
    3.            threeGearsLayout.setSecondGearColor(Color.RED);
    4.            threeGearsLayout.setThirdGearColor(Color.CYAN);
    5.            threeGearsLayout.setDialogBackgroundColor(Color.GREEN);
    6.            threeGearsLayout.setDialogBackgroundAlpha(0.3f);
    7.            threeGearsLayout.blurBackground(true);
    8.            threeGearsLayout.enableCutLayout(false);
    9.            threeGearsLayout.setCutRadius(80);
    10.            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

  1. GearDialogBuilder.getInstance(MainActivity.this)
  2.                     .setType(ThreeGearsLayout.class)
  3.                     .setShowDialogDuration(200)
  4.                     .setShowMode(showMode)
  5.                     .setDuration(3000)
  6.                     .blurBackground(blur)
  7.                     .enableCutLayout(false)
  8.                     .setDialogBackgroundAlpha(0.5f)
  9.                     .setDialogBackgroundColor(mResources.getColor(R.color.colorAccent))
  10.                     .setFirstGearColor(mResources.getColor(R.color.colorPrimaryDark))
  11.                     .setSecondGearColor(mResources.getColor(R.color.dialog_stroke_color))
  12.                     .setThirdGearColor(mResources.getColor(R.color.colorPrimary))
  13.                     .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)
友荐云推荐




上一篇:IPv6 servers beat IPv4 in security -- for now
下一篇:WebRTC in WebKit/WPE
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

jtko9823 发表于 2016-10-4 10:25:33
然并卵
回复 支持 反对

使用道具 举报

夏寒 发表于 2016-10-14 01:46:00
我们走得太快,灵魂都跟不上了……
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表