时间戳

首页 > 解决方案 > 如何实现android的垂直滑动视图UI

android - 如何实现android的垂直滑动视图UI

问题描述

我知道这是卡片视图，可能在回收站视图中

在此处查看图片

更新：

这是我到目前为止可以实现的目标：

回收者视图：

 <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:scrollbars="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

卡片视图：

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.CardView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        app:cardCornerRadius="5dp"
        app:cardElevation="4dp"
        android:layout_margin="20dp"
        >
        <RelativeLayout
            android:clipToPadding="false"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <TextView
                android:id="@+id/textview_card_label"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="1231231 2123123 12313 "/>
        </RelativeLayout>
    </android.support.v7.widget.CardView>

</LinearLayout>

和recyclerview代码：

            mRecyclerView = FindViewById<RecyclerView>(Resource.Id.recyclerView);

        mLayoutManager = new LinearLayoutManager(this);
        mRecyclerView.SetLayoutManager(mLayoutManager);

        mAdapter = new CatalogAdapter(list);

        mAdapter.ItemClick += MAdapter_ItemClick;

        PagerSnapHelper snapHelper = new PagerSnapHelper();
        snapHelper.AttachToRecyclerView(mRecyclerView);

        mRecyclerView.SetAdapter(mAdapter);

这就是结果： UI 结果

问题是示例 UI 开头的扩展动画背后的想法是什么？帮助表示赞赏

标签： androidxmluser-interface

解决方案

首先，您需要为自己创建 XML。这不是问题。

1-您可以为此使用 RecyclerView Snap 助手。您必须使您的项目全屏显示，并将寻呼机快照助手设置为您的回收站视图。

PagerSnapHelper snapHelper = new PagerSnapHelper();
snapHelper.attachToRecyclerView(mRecyclerView);

2- 或者，您可以使用 View Pager 2，它支持垂直分页。

https://stackoverflow.com/a/54643817/11982611 详细解释

推荐阅读