Android 预加载 Recycleview 内容

Question

我有一个使用 ViewPager 的三选项卡界面设置。在第三个选项卡中，我有一个 CardView，它可以展开/缩回 onclick 以显示更多信息。 CardView 内部是一个 RecyclerView，它充斥着一堆数据。

应用程序第一次打开并展开 CardView 时，展开动画非常滞后，但之后可以顺利展开/缩回。 RecyclerView 数据也可以毫无问题地更新。

有没有办法在打开应用程序时以某种方式加载/缓存数据，这样就不会出现延迟。

抱歉，如果问题很差，刚刚开始 android 开发。谢谢

第三个选项卡上的布局:

<android.support.v7.widget.CardView
    android:id="@+id/SF_frame"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="4dp">

    <LinearLayout
        android:id="@+id/SF_wrapper"
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:orientation="vertical">

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

        </android.support.v7.widget.RecyclerView>
    </LinearLayout>
</android.support.v7.widget.CardView>

用于填充 recyclerView 的数据是一个对象列表，每个对象都有 2 个浮点变量。大约长 ~50。

用于填充每个项目的 xml:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="4sp"
    android:orientation="horizontal">

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="36sp"
        android:layout_weight="1">

        <TextView
            android:id="@+id/value_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="lorem"
            android:textSize="8sp" />

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="36sp"
        android:layout_weight="1">

        <TextView
            android:id="@+id/value_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="ipsom"
            android:textSize="8sp" />

     </RelativeLayout>
</LinearLayout>

扩展/缩回 cardView 的代码只是通过动画更改 SF_frame 的高度以显示 RecyclerView 的更多元素，这是第一个显示滞后的部分。

Answer 1

首先解决您的布局:仅对文本使用 sp，对其他尺寸(宽度、高度、边距、填充等)使用 dp。对于文本，建议至少使用 android:textsize="12sp"。查看 android:gravity 属性而不是 android:layout_gravity，这样您就不必使用父布局来使其居中。

<android.support.v7.widget.CardView
    android:id="@+id/SF_frame"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="4dp">

    <!-- No need to use LinearLayout since only one child is used -->
    <android.support.v7.widget.RecyclerView
        android:id="@+id/SF_list"
        android:layout_width="match_parent"
        android:layout_height="80dp">

    </android.support.v7.widget.RecyclerView>
</android.support.v7.widget.CardView>

在此布局中，如果您正在扩展 RecyclerView，则可能会实例化新 View (RecyclerView.Adapter.onCreateViewHolder 和 RecyclerView.Adapter.onBindViewHolder)多次调用。事实上切换到那个 Tab 也有一点延迟，但它在动画上清晰可见。 (你从大约 3 个项目扩展到大约 20 个左右，我不知道你的布局的其余部分看起来如何)

第二个:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="4dp"
    android:orientation="horizontal">
    <TextView
        android:id="@+id/value_1"
        android:layout_width="0dp"
        android:layout_height="36dp"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:text="lorem"
        android:textSize="8sp" />

    <TextView
        android:id="@+id/value_2"
        android:layout_width="0dp"
        android:layout_height="36dp"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:text="ipsom"
        android:textSize="8sp" />
</LinearLayout>

如果填充这 2 个 TextViews 的速度非常慢，那么您遇到了问题。然后你可能会做非常非常复杂的数学运算(如果可能的话尽量简化它们)或者你正在以某种方式同步下载数据并等待结果。

请看AsyncTask并在绑定(bind)数据时使用它......你可以像这样使用它(自己修改):

private class MyAsyncTask extends AsyncTask<Void, Void, String> {

    private TextView view;

    MyAsyncTask(TextView view) {
        this.view = view;
    }

    @Override
    protected void onPreExecute() {
        super.onPreExecute();
        // display progressbar or something
    }

    @Override
    protected String doInBackground(Void... params) {
        // do heavyweight operation here
        String result = heavyWeightOperation(params);
        return result;
    }

    @Override
    protected void onPostExecute(String s) {
        // hide progressbar or something
        if (view != null) {
            view.setText(s);
        }
        super.onPostExecute(s);
    }
}