如何通过代码触发过度滚动动画?

时间:2018-01-06 23:59:43

标签: android listview animation android-canvas overscroll

我试图通过代码触发ListView上的滚动动画。 enter image description here

Ripple或Glow(你怎么称它?)应该出现在边缘。

我尝试了ListView中的所有功能,如滚动*或滚动平滑*,其中没有它们可以触发动画。

我也尝试了一些可以触发Ripple背景动画的解决方案,但它与此边缘效果不同。

我是Android新手。如果有任何方法,请告诉我,谢谢。

我也试过使用onDraw(Canvas canvas),因为我找不到任何解决方案。因为我总是在iOS上做这种事情,所以我可以将效果绘制为动画。但这是另一个问题,绘图速度超低,我不知道为什么,只是stackoverflow上的一些典型绘图代码。当我稍后开始视图转换时,一切都搞砸了。

1 个答案:

答案 0 :(得分:2)

我建议您使用RecyclerView代替您的目的。默认情况下支持“Overscroll”动画。

RecyclerViewListView的方式非常相似,但它可以更方便地处理动画或强制您使用ViewHolder Pattern。此外,它比ListView更灵活。

然而在我的个人意见中使用ListView而非RecyclerView的简单用例仍然可以。

那么创建一个步骤需要哪些步骤?

添加依赖关系

首先将依赖项添加到app.gradle文件中。您可以在"Gradle Scripts -> build.gradle (Module: app)"下找到此文件,或者只需按TAB twice然后在搜索菜单中输入gradle(在搜索文件时非常有用:))。添加以下依赖项:implementation 'com.android.support:recyclerview-v7:26.1.0'

或者,您可以将RecyclerView从Designer拖放到您的布局(通过转到layout.xml文件找到设计器并切换到Design Tab)进行搜索(左上方)。这将自动为您添加依赖项。

创建布局

与ListView完全相同(注意:此示例不使用ConstraintLayout作为父ViewGroup}:

    <android.support.v7.widget.RecyclerView
    android:id="@+id/rvExample"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

我不知道您目前是否正在使用ConstraintLayout,但您一定要查看它:)。

适配器解释

public class RecyclerViewAdapter extends RecyclerView.Adapter<ExampleViewHolder> {
private List<String> mData;
private LayoutInflater mInflater;

RecyclerViewAdapter(List<String> data, LayoutInflater inflater) {
    mData = data;
    mInflater = inflater;
}

@Override
public ExampleViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    return new ExampleViewHolder(mInflater.inflate(R.layout.my_layout, parent, false));
}

@Override
public void onBindViewHolder(ExampleViewHolder holder, int position) {
    holder.getTvText().setText(mData.get(position));
}

@Override
public int getItemCount() {
    return mData.size();
}
}

onCreateViewHolder :因为它已经说过必须创建一个新的ViewHolder滚动时,每次在屏幕上弹出新项目时都不会调用

onBindViewHolder :必须更新作为参数给出的ViewHolder的数据。

getItemCount :此RecyclerView包含多少项?

<强> ViewHolder

class ExampleViewHolder extends RecyclerView.ViewHolder {
private TextView mTvText;

    public ExampleViewHolder(View itemView) {
        super(itemView);
        mTvText = itemView.findViewById(R.id.tv_text);
    }

    public TextView getTvText() {
        return mTvText;
    }
}

您只需提取视图,以便在调用onBindViewHolder方法时更新它们。它的布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="56dp">
<TextView
    android:id="@+id/tv_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
</android.support.constraint.FrameLayout>

完成 现在,您只需要为LayoutManager设置AdapterRecyclerView即可! LayoutManager只是告诉RecyclerView应该如何安排这些项目。好的,现在让我们完成:

mRvExample.setHasFixedSize(true); //set this if every item has the same size - performance gain
mRvExample.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
mRvExample.setAdapter(new RecyclerViewAdapter(Arrays.asList("asdf","asdfsdf"), getLayoutInflater());

虽然我无法使用ListView直接解决您的问题,但我希望我仍能帮助您。由于我不知道你在哪个级别,所以我希望包括如何设置基本RecyclerView的描述也没关系。有用的链接,你应该看看它以获得更深入的理解:

基本描述: https://developer.android.com/training/material/lists-cards.html

谈论输入动画: https://proandroiddev.com/enter-animation-using-recyclerview-and-layoutanimation-part-1-list-75a874a5d213

添加onClick:RecyclerView onClick

使用Kotlin:https://antonioleiva.com/recyclerview-adapter-kotlin/

项目解决:https://www.bignerdranch.com/blog/a-view-divided-adding-dividers-to-your-recyclerview-with-itemdecoration/

Pro RecyclerView谈话:https://www.youtube.com/watch?v=KhLVD6iiZQs