SmoothRefreshLayout

Project Url: dkzwm/SmoothRefreshLayout
Introduction: 一个较为强大的下拉刷新加载库，支持多种模式。
More: Author   ReportBugs   
Tags:
下拉刷新-加载更多-越界回弹-Nested Scroll-自定义View-加载-上拉加载-SwipeRefreshLayout-

Methods MinSdk License

English | 中文

一个高效的 Android 刷新库，理论上支持所有的视图，比官方的 SwipeRefreshLayout 更强大且使用方便.

特性:

  • 理论上支持所有的视图,且可根据具体需求高效适配.
  • 支持多点触摸.
  • 支持嵌套滑动,完整实现了 NestedScrollingChild3，NestedScrollingParent3 接口,玩转 CoordinatorLayout.
  • 直接继承自 ViewGroup,拥有卓越的性能,支持类 FameLayout 的特性（Gravity、Margin).
  • 支持自动刷新、自动上拉加载、到底自动加载更多（不推荐，建议使用 Adapter 实现，可自定义到底判断逻辑回调实现预加载更多）.
  • 支持越界回弹，支持基于物理特性的越界回弹效果.
  • 支持刷新视图自定样式:STYLE_DEFAULT(默认不改变大小)、STYLE_SCALE(动态改变大小，会在 SRL 内部测量并布局，所以性能会有损失)、STYLE_PIN(不会改变视图大小，固定在顶部或者底部)、STYLE_FOLLOW_SCALE(先纵向跟随移动并且不改变视图大小，大于视图高度后动态改变视图大小且性能会有损失)、STYLE_FOLLOW_PIN(不会改变视图大小，先纵向跟随移动，大于视图高度后固定)、STYLE_FOLLOW_CENTER(不会改变视图大小，先纵向跟随移动，大于视图高度后让视图保持在移动的距离中心点).
  • 支持二级刷新事件（TwoLevelSmoothRefreshLayout）,PS:淘宝二楼、京东活动.
  • 支持横向刷新(HorizontalSmoothRefreshLayout).
  • 支持 ListView、GridView、RecyclerView 加载更多的同步平滑滚动.
  • 支持手势:同步 Fling(刷新视图仍可见的情况下,会先回滚隐藏刷新视图,而后向下传递 Fling 手势).
  • 支持作为可拉伸内部视图布局使用（类小米设置页效果）.
  • 丰富的回调接口和调试信息,可利用现有 API 实现丰富的效果.

引入

添加如下依赖到你的 build.gradle 文件:

dependencies {
    implementation 'com.github.dkzwm:srl-core:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-classics:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-material:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-dynamic-rebound:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-horizontal:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-two-level:1.7.2.4'
    implementation 'com.github.dkzwm:srl-ext-util:1.7.2.4'
}

演示程序

下载 Demo.apk

更新日志

老版本升级务必查看

更新日志

快照

嵌套滑动

二级刷新

横向刷新

拉伸收缩效果

QQ 红包活动 浏览器内核下拉展示

使用

在 Xml 中配置

<?xml version="1.0" encoding="utf-8"?>
<me.dkzwm.widget.srl.SmoothRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</me.dkzwm.widget.srl.SmoothRefreshLayout>

Java 代码配置

SmoothRefreshLayout refreshLayout = (SmoothRefreshLayout)findViewById(R.id.smoothRefreshLayout);
refreshLayout.setHeaderView(new ClassicHeader(this));
refreshLayout.setOnRefreshListener(new RefreshingListenerAdapter() {
    @Override
    public void onRefreshing() {
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                refreshLayout.refreshComplete();
            }
        }, 4000);
    }
});

自定义刷新视图

接口定义
public interface IRefreshView <T extends IIndicator> {    

    byte TYPE_HEADER = 0;
    byte TYPE_FOOTER = 1;

    byte STYLE_DEFAULT = 0;
    byte STYLE_SCALE = 1;
    byte STYLE_PIN = 2;
    byte STYLE_FOLLOW_SCALE = 3;
    byte STYLE_FOLLOW_PIN = 4;
    byte STYLE_FOLLOW_CENTER = 5;

    /**
     * 返回是头部视图还是尾部视图;
     */
    int getType();

    /**
     * 一般情况都是 View 实现本接口，所以返回 this;
     */
    View getView();

    /**
     * 获取视图样式，自 1.4.8 版本后支持 6 种样式，STYLE_DEFAULT、STYLE_SCALE、STYLE_PIN、STYLE_FOLLOW_SCALE、STYLE_FOLLOW_PIN、STYLE_FOLLOW_CENTER;
     */
    int getStyle();

    /**
     * 获取视图的自定义高度，当视图样式为 STYLE_SCALE 和 STYLE_FOLLOW_SCALE 时，必须返回一个确切且大于 0 的值，使用横向刷新库时，该属性实际应该返回的是视图的宽度;
     * 自 1.6.1 版本开始，如果想要当前视图铺满布局即 MATCH_PARENT，那么支持返回 ViewGroup.LayoutParams.MATCH_PARENT 对应的值即`-1`;
     */
    int getCustomHeight();

    /**
     * 手指离开屏幕;
     */
    void onFingerUp(SmoothRefreshLayout layout, T indicator);

    /**
     * 重置视图;
     */
    void onReset(SmoothRefreshLayout layout);

    /**
     * 重新配置视图，准备刷新;
     */
    void onRefreshPrepare(SmoothRefreshLayout layout);

    /**
     * 开始刷新;
     */
    void onRefreshBegin(SmoothRefreshLayout layout, T indicator);

    /**
     * 刷新完成;
     */
    void onRefreshComplete(SmoothRefreshLayout layout,boolean isSuccessful);

    /**
     * 当头部或者尾部视图发生位置变化;
     */
    void onRefreshPositionChanged(SmoothRefreshLayout layout, byte status, T indicator);

    /**
     * 当头部或者尾部视图仍然处于处理事务中，这时候移动其他刷新视图则会调用该方法;
     * 在 1.4.6 版本新加入;
     */
    void onPureScrollPositionChanged(SmoothRefreshLayout layout, byte status, T indicator);
}
添加自定义刷新视图

  • 全局静态代码构造 

          SmoothRefreshLayout.setDefaultCreator(new IRefreshViewCreator() {
          @Override
          public IRefreshView<IIndicator> createHeader(SmoothRefreshLayout layout) {
              ClassicHeader header = new ClassicHeader(layout.getContext());
              return header;
          }

          @Override
          public IRefreshView<IIndicator> createFooter(SmoothRefreshLayout layout) {
              ClassicFooter footer = new ClassicFooter(layout.getContext());
              return footer;
          }
      });

  • 动态代码添加 

          ClassicHeader header = new ClassicHeader(mRefreshLayout.getContext());
      mRefreshLayout.setHeaderView(header);
      ClassicFooter footer = new ClassicFooter(mRefreshLayout.getContext());
      mRefreshLayout.setFooterView(footer);

  • 请直接写入 Xml 文件,SmoothRefreshLayout 会根据添加的 View 是否是实现了 IRefreshView 接口进行判断

实现类 QQ 下拉阻尼效果

        mRefreshLayout.setIndicatorOffsetCalculator(new IIndicator.IOffsetCalculator() {
            @Override
            public float calculate(@IIndicator.MovingStatus int status, int currentPos, float offset) {
                if (status == IIndicator.MOVING_HEADER) {
                    if (offset < 0) {
                        //如果希望拖动缩回时类似 QQ 一样没有阻尼效果，阻尼效果只存在于下拉则可以在此返回 offset
                        //如果希望拖动缩回时类似 QQ 一样有阻尼效果，那么请注释掉这个判断语句
                        return offset;
                    }
                    return (float) Math.pow(Math.pow(currentPos / 2, 1.28d) + offset, 1 / 1.28d) * 2 - currentPos;
                } else if (status == IIndicator.MOVING_FOOTER) {
                    if (offset > 0) {
                        //如果希望拖动缩回时类似 QQ 一样没有阻尼效果，阻尼效果只存在于上拉则可以在此返回 offset
                        //如果希望拖动缩回时类似 QQ 一样有阻尼效果，那么请注释掉这个判断语句
                        return offset;
                    }
                    return -((float) Math.pow(Math.pow(currentPos / 2, 1.28d) - offset, 1 / 1.28d) * 2 - currentPos);
                } else {
                    if (offset > 0) {
                        return (float) Math.pow(offset, 1 / 1.28d) * 2;
                    } else if (offset < 0) {
                        return -(float) Math.pow(-offset, 1 / 1.28d) * 2;
                    } else {
                        return offset;
                    }
                }
            }
        });

Xml 属性

SmoothRefreshLayout 自身配置
名称 类型 描述
sr_content reference 指定内容视图的资源 ID
sr_resistance float 移动刷新视图时候的移动阻尼（默认:1.65f）
sr_resistanceOfFooter float 移动 Footer 视图时候的移动阻尼（默认:1.65f）
sr_resistanceOfHeader float 移动 Header 视图时候的移动阻尼（默认:1.65f）
sr_ratioToRefresh float 触发刷新时位置占刷新视图的高度比（默认:1f）
sr_ratioOfHeaderToRefresh float 触发刷新时位置占 Header 视图的高度比（默认:1f）
sr_ratioOfFooterToRefresh float 触发加载更多时位置占 Footer 视图的高度比（默认:1f）
sr_ratioToKeep float 刷新中保持视图位置占刷新视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
sr_ratioToKeepHeader float 刷新中保持视图位置占 Header 视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
sr_ratioToKeepFooter float 刷新中保持视图位置占 Footer 视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
sr_maxMoveRatio float 最大移动距离占刷新视图的高度比（默认:0f，表示不会触发）
sr_maxMoveRatioOfHeader float 最大移动距离占 Header 视图的高度比（默认:0f，表示不会触发）
sr_maxMoveRatioOfFooter float 最大移动距离占 Footer 视图的高度比（默认:0f，表示不会触发）
sr_closeDuration integer 指定收缩刷新视图到起始位置的时长（默认:350）
sr_closeHeaderDuration integer 指定收缩 Header 视图到起始位置的时长（默认:350）
sr_closeFooterDuration integer 指定收缩 Footer 视图到起始位置的时长（默认:350）
sr_backToKeepDuration integer 设置回滚到保持刷新视图位置的时间（默认:200）
sr_backToKeepHeaderDuration integer 设置回滚到保持 Header 视图位置的时间（默认:200）
sr_backToKeepFooterDuration integer 设置回滚到保持 Footer 视图位置的时间（默认:200）
sr_enablePinContent boolean 固定内容视图（默认:false）
sr_enableKeep boolean 刷新中保持视图停留在所设置的应该停留的位置（默认:true）
sr_enablePullToRefresh boolean 拉动刷新,下拉或者上拉到触发刷新位置即立即触发刷新（默认:false）
sr_enableOverScroll boolean 越界回弹（默认:true）
sr_enableRefresh boolean 设置是否启用下拉刷新（默认:ture）
sr_enableLoadMore boolean 设置是否启用加载更多（默认:false）
sr_mode enum 模式设置（默认:MODE_DEFAULT为刷新控件模式）
sr_stickyHeader reference 指定黏贴头部的资源 ID
sr_stickyFooter reference 指定黏贴尾部的资源 ID
TwoLevelSmoothRefreshLayout 自身配置
名称 类型 描述
sr_enableTwoLevelRefresh boolean 设置是否启用二级刷新（默认:true）
sr_backToKeep2Duration boolean 设置回滚到保持二级刷新头部处于二级刷新过程中的时长（默认:500）
sr_closeHeader2Duration boolean 设置关闭二级刷新头部的时长（默认:500）
SmoothRefreshLayout 包裹内部其他 View 支持配置
名称 类型 描述
layout_gravity flag 指定其它被包裹视图的对齐属性(非 targetView、非 refreshView)

SmoothRefreshLayout java 属性设置方法

名称 参数 描述
setHeaderView IRefreshView 配置头部视图
setFooterView IRefreshView 配置尾部视图
setContentView View 配置内容视图
setMode int 配置当前模式
setLayoutManager LayoutManager 配置自定义布局管理器
setDisableWhenAnotherDirectionMove boolean 内部视图含有其他方向滑动视图时需设置该属性为 ture（默认:false）
setMaxOverScrollDuration int 设置越界回弹动画最长时间（默认:350）
setMinOverScrollDuration int 设置越界回弹动画最短时间（默认:100）
setResistance float 移动刷新视图时候的移动阻尼（默认:1.65f）
setResistanceOfFooter float 移动 Footer 视图时候的移动阻尼（默认:1.65f）
setResistanceOfHeader float 移动 Header 视图时候的移动阻尼（默认:1.65f）
setRatioToRefresh float 触发刷新时位置占刷新视图的高度比（默认:1.1f）
setRatioOfHeaderToRefresh float 触发刷新时位置占 Header 视图的高度比（默认:1.1f）
setRatioOfFooterToRefresh float 触发加载更多时位置占 Footer 视图的高度比（默认:1.1f）
setRatioToKeep float 刷新中保持视图位置占刷新视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
setRatioToKeepHeader float 刷新中保持视图位置占 Header 视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
setRatioToKeepFooter float 刷新中保持视图位置占 Footer 视图的高度比（默认:1f）,该属性的值必须小于等于触发刷新高度比才会有效果
setMaxMoveRatio float 最大移动距离占刷新视图的高度比（默认:0f，表示不会触发）
setMaxMoveRatioOfHeader float 最大移动距离占 Header 视图的高度比（默认:0f，表示不会触发）
setMaxMoveRatioOfFooter float 最大移动距离占 Footer 视图的高度比（默认:0f，表示不会触发）
setDurationToClose int 指定收缩刷新视图到起始位置的时长（默认:350）
setDurationToCloseHeader int 指定收缩 Header 视图到起始位置的时长（默认:350）
setDurationToCloseFooter int 指定收缩 Footer 视图到起始位置的时长（默认:350）
setDurationOfBackToKeep integer 设置回滚到保持刷新视图位置的时间（默认:200）
setDurationOfBackToKeepHeader integer 设置回滚到保持 Header 视图位置的时间（默认:200）
setDurationOfBackToKeepFooter integer 设置回滚到保持 Footer 视图位置的时间（默认:200）
setEnablePinContentView boolean 固定内容视图（默认:false）
setEnablePullToRefresh boolean 拉动刷新,下拉或者上拉到触发刷新位置即立即触发刷新（默认:false）
setEnableOverScroll boolean 越界回弹（默认:true）
setEnableInterceptEventWhileLoading boolean 刷新中拦截不响应触摸操作（默认:false）
setEnableHeaderDrawerStyle boolean Header 抽屉样式,即 Header 视图在内容视图下面（默认:false）
setEnableFooterDrawerStyle boolean Footer 抽屉样式,即 Footer 视图在内容视图下面（默认:false）
setDisablePerformRefresh boolean 关闭触发 Header 刷新（默认:false）
setDisablePerformLoadMore boolean 关闭触发 Footer 刷新（默认:false）
setEnableNoMoreData boolean 设置 Footer 没有更多数据，该选项设置true时在 Frame 层等同setDisablePerformLoadMore设置为true，只是自定义视图可以根据该标志位改变视图样式,ClassicFooter默认实现了对该属性的支持（默认:false）
setEnableNoMoreDataAndNoSpringBack boolean 设置 Footer 没有更多数据且不再回弹
setDisableRefresh boolean 禁用 Header 刷新（默认:false）
setDisableLoadMore boolean 禁用 Footer 刷新（默认:false）
setEnableKeepRefreshView boolean 刷新中保持视图停留在所设置的应该停留的位置（默认:true）
setEnableAutoRefresh boolean 到顶部自动刷新（默认:false）
setEnableAutoLoadMore boolean 到底部自动加载（默认:false）
setEnablePinRefreshViewWhileLoading boolean 固定刷新视图在所设置的应该停留的位置，并且不响应移动，即 Material 样式（默认:false）,设置开启会同时开启setEnablePinContentView和setEnableKeepRefreshView2 个选项
setSpringInterpolator Interpolator 设置主动弹出时的滚动插值器
setSpringBackInterpolator Interpolator 设置释放时的滚动插值器
setEnableCompatSyncScroll boolean 设置是否开启回滚时的同步滚动（默认:true）
setDisableLoadMoreWhenContentNotFull boolean 设置当内容视图未满屏时关闭加载更多
setStickyHeaderResId int 设置黏贴头部视图的资源 ID
setStickyFooterResId int 设置黏贴头部视图的资源 ID
setEnableOldTouchHandling boolean 设置启用老版本的触摸事件处理逻辑
setScrollTargetView View 设置判断是否滚到到边界对应的视图,例如在 SmoothRefreshLayout 中有一个 CoordinatorLayout,CoordinatorLayout 中有 AppbarLayout、RecyclerView 等，加载更多时希望被移动的视图为 RecyclerView 而不是 CoordinatorLayout,那么设置 RecyclerView 为 TargetView 即可

SmoothRefreshLayout 回调

名称 参数 描述
setOnRefreshListener T extends OnRefreshListener 设置刷新事件监听回调
addLifecycleObserver ILifecycleObserver 添加生命周期监听
addOnStatusChangedListener addOnStatusChangedListener 设置内部状态改变回调
addOnUIPositionChangedListener OnUIPositionChangedListener 添加视图位置变化的监听回调
setOnSyncScrollCallback OnSyncScrollCallback 设置完成刷新后进行平滑滚动的回调
setOnPerformAutoLoadMoreCallBack OnPerformAutoLoadMoreCallBack 设置触发自动加载更多的条件回调，如果回调的canAutoLoadMore()方法返回true则会立即触发加载更多
setOnPerformAutoRefreshCallBack OnPerformAutoRefreshCallBack 设置触发自动刷新的条件回调，如果回调的canAutoRefresh()方法返回true则会立即触发刷新
setOnHeaderEdgeDetectCallBack OnHeaderEdgeDetectCallBack 设置检查内容视图是否在顶部的重载回调（SmoothRefreshLayout 内部isNotYetInEdgeCannotMoveHeader()方法）
setOnFooterEdgeDetectCallBack OnFooterEdgeDetectCallBack 设置检查内容视图是否在底部的重载回调（SmoothRefreshLayout 内部isNotYetInEdgeCannotMoveFooter()方法）
setOnHookHeaderRefreshCompleteCallback OnHookUIRefreshCompleteCallBack 设置 Header 刷新完成的 Hook 回调，可实现延迟完成刷新
setOnHookFooterRefreshCompleteCallback OnHookUIRefreshCompleteCallBack 设置 Footer 刷新完成的 Hook 回调，可实现延迟完成刷新

SmoothRefreshLayout 其它

名称 参数 描述
setDefaultCreator（静态方法） IRefreshViewCreator 设置刷新视图创建者,如果没有特殊指定刷新视图且设置的模式需要刷新视图则会调用创建者构建刷新视图
refreshComplete 无参 刷新完成,且设置最后一次刷新状态为成功
refreshComplete boolean 刷新完成,参数:设置最后一次刷新是否刷新成功
refreshComplete boolean,long 刷新完成,参数 1:设置最后一次刷新是否刷新成功,参数 2:设置延迟重置刷新状态的时间（会先触发刷新视图的刷新完成回调，但在延迟的时间内库实际上状态仍是刷新状态）
refreshComplete long 刷新完成,且设置最后一次刷新状态为成功,参数:设置延迟重置刷新状态的时间（会先触发刷新视图的刷新完成回调，但在延迟的时间内库实际上状态仍是刷新状态）
setLoadingMinTime long 设置开始刷新到结束刷新的最小时间差(默认:500),参数:时间差
autoRefresh 无参 自动触发 Header 刷新,立即触发刷新事件并滚动到触发 Header 刷新位置
autoRefresh boolean 自动触发 Header 刷新,参数:是否立即触发刷新事件,会滚动到触发 Header 刷新位置
autoRefresh boolean,boolean 自动触发 Header 刷新,参数 1:是否立即触发刷新事件,参数 2:是否滚动到触发 Header 刷新位置
forceRefresh 无参 强制触发 Footer 刷新，该方法不会触发滚动
autoLoadMore 无参 自动触发 Footer 刷新,立即触发刷新事件并滚动到触发 Footer 刷新位置
autoLoadMore boolean 自动触发 Footer 刷新,参数:是否立即触发刷新事件,会滚动到触发 Footer 刷新位置
autoLoadMore boolean,boolean 自动触发 Footer 刷新,参数 1:是否立即触发刷新事件,参数 2:是否滚动到触发 Footer 刷新位置
forceLoadMore 无参 强制触发 Footer 刷新，该方法不会触发滚动

TwoLevelSmoothRefreshLayout java 属性设置方法

名称 参数 描述
setRatioOfHeaderToHintTwoLevel float 设置触发二级刷新提示时的位置占 Header 视图的高度比
setRatioOfHeaderToTwoLevel float 设置触发二级刷新时的位置占 Header 视图的高度比
setRatioToKeepTwoLevelHeader float 二级刷新中保持视图位置占 Header 视图的高度比（默认:1f）
setDisableTwoLevelRefresh boolean 设置是否关闭二级刷新（默认:false）
setDurationOfBackToKeepTwoLevel int 设置回滚到保持二级刷新 Header 视图位置的时间（默认:500）
setDurationToCloseTwoLevel int 设置二级刷新 Header 刷新完成回滚到起始位置的时间（默认:500）

TwoLevelSmoothRefreshLayout 其它

名称 参数 描述
autoTwoLevelRefreshHint 无参 自动触发二级刷新提示并滚动到触发提示位置后回滚回起始位置
autoTwoLevelRefreshHint int 自动触发二级刷新提示并滚动到触发提示位置后停留指定时长，参数:停留多长时间
autoTwoLevelRefreshHint boolean 自动触发二级刷新提示是否滚动到触发提示位置后回滚回起始位置，参数:是否滚到到触发位置
autoTwoLevelRefreshHint boolean,int 自动触发二级刷新提示,参数 1:是否滚动到触发位置，参数 2:停留多长时间
autoTwoLevelRefreshHint boolean,int,boolean 自动触发二级刷新提示,参数 1:是否滚动到触发位置，参数 2:停留多长时间，参数 3:是否可以被触摸打断，即触发提示动作过程中拦截触摸事件，直到回滚到起始位置并重置为默认状态

Thanks

License

MIT License

Copyright (c) 2017 dkzwm
Copyright (c) 2015 liaohuqiu.net

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Highly Recommended：Google Play 4.7 Star Android Developer Tools, Decompile, View Manifest, Open Debug Options Quickly

Apps
Android Developer Tools
Android Developer Tools Pro
About Me
Tools: TimeShining
GitHub: Trinea
Facebook: Dev Tools