#前言
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
,并分别设置dampingFactor
和dampingDirection
的值,他们的含义分别如下:
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
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.