OverScrollLayout

Introduction: 简单但是强大的阻尼滚动 ViewGroup
More: Author   ReportBugs   OfficialWebsite   
Tags:

1、这是一个可以给你的 UI 添加阻尼效果的自定义 ViewGroup,支持包括但不限于以下控件:

  • 普通 View
  • ViewPager
  • ScrollView
  • HorizontalScrollView
  • RecyclerView
  • 等等

2、可以自定义阻力大小以及阻尼方向

效果图如下:

项目使用

要使用OverScrollLayout给你的项目加上阻尼滚动效果,整个过程只需要两个步骤:

1、在项目的attrs.xml文件中添加如下属性:

    <declare-styleable name="OverScrollLayout">
        <attr name="dampingFactor" format="float" />
        <attr name="dampingDirection">
            <flag name="left" value="0x0001" />
            <flag name="top" value="0x0010" />
            <flag name="right" value="0x0100" />
            <flag name="bottom" value="0x1000" />
        </attr>
    </declare-styleable>

2、在布局文件中引用OverScrollLayout,并分别设置dampingFactordampingDirection的值,他们的含义分别如下:

  • dampingFactor阻尼因子,值越小表示阻力越大,默认为 1(即没有阻尼效果)。
  • dampingDirection阻尼方向,顾名思义,支持左、上、右、下这 4 种阻尼方向。

请务必注意,在 xml 文件中使用OverScrollLayout给你的布局添加阻尼效果时,OverScrollLayout的直接子 View 只能有一个!(可以参考 ScrollView。)

举个栗子:

SimpleActivity.java

public class SimpleActivity extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simple);
    }

    public void onClick(View view) {
        Toast.makeText(this, "button click", Toast.LENGTH_SHORT).show();
    }
}

activity_simple.xml

<?xml version="1.0" encoding="utf-8"?>
<com.xiaohongshu.dampingscrolling.OverScrollLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:dampingDirection="left|top|right|bottom"
    app:dampingFactor="0.7">

    <Button
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_blue_light"
        android:gravity="center"
        android:onClick="onClick"
        android:text="最简单的阻尼滚动"
        android:textColor="@android:color/white" />

</com.xiaohongshu.dampingscrolling.OverScrollLayout>

这样,一个非常简单的支持四向阻尼效果的小项目就出来了!看看效果图:

实现过程

详细实现请看博客 简单但是强大的阻尼滚动 ViewGroup

关于

博客:http://blog.csdn.net/aishang5wpj

邮箱:337487365@qq.com

License

Copyright 2017 aishang5wpj

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools