在Android中重新创建材料设计列表的问题

我想在一个滑动面板中重新创建 Android中的Material Design list: controls.

Material Design list with right reveal mockup from the Material Design guidelines

我正在使用:

> com.android.support:appcompat-v7
> com.android.support:support-v4
> com.android.support:recyclerview-v7
> com.android.support:design
> https://github.com/umano/AndroidSlidingUpPanel
> https://github.com/serso/android-linear-layout-manager
> https://github.com/daimajia/AndroidSwipeLayout
> https://github.com/tmiyamon/gradle-mdicons

我最终使用了支持库的一部分,但这个特定的应用程序只有5.0,所以我的代码中可能只有一些Lollipop的东西.

这是RecyclerView中列表项的布局:

<com.daimajia.swipe.SwipeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="right">
    <RelativeLayout
        android:layout_width="42dp"
        android:layout_height="match_parent"
        android:background="?android:selectableItemBackground"
        android:clickable="true"
        android:focusable="true">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:src="@drawable/ic_delete_black_24dp"/>

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/surfaceView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/ripple_floating"
        android:clickable="true"
        android:focusable="true"
        android:minHeight="48dp"
        android:paddingEnd="16dp"
        android:paddingStart="16dp"
        android:elevation="2dp">

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:ellipsize="end"
            android:singleLine="true"
            android:text="..."/>

    </RelativeLayout>
</com.daimajia.swipe.SwipeLayout>

这是目前的结果.

App example with no dividers and one revealed list item

剩下的问题是海拔阴影和分隔线.

正如您在图像中可以看到的,在列表项目的两侧有一些合理的阴影.然而,物品底部没有海拔阴影,所以当一个物品被揭露时,没有阴影显示在透明区域之上.

第二个问题是分隔线.我有一个单项目列表,没有图标/图像,所以正确的设计是使用分隔符的项目.

然而,我不能使用serso / android-linear-layout-manager中的DividerItemDecoration,因为它没有被集成到滑块中,当两个相邻的项目被滑动时,会发生这种情况.
App example with dividers and two revealed list items

有谁知道任何可绘制,属性或库,我应该用来将这些列表项作为具有海拔阴影和边框的材料表样式?

阴影/高程

对于阴影/海拔看起来,您可以使用卡片视图与普通的技巧,使它们比屏幕宽度(“全宽卡”)稍宽.

例如:

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="72dp"
    android:layout_marginLeft="@dimen/card_margin_horizontal"
    android:layout_marginRight="@dimen/card_margin_horizontal"
    app:cardCornerRadius="0dp"
    app:cardElevation="4dp">

在值/ dimensions.xml中:

<dimen name="card_margin_horizontal">-3dp</dimen>

在值-v21 / dimensional.xml中

<dimen name="card_margin_horizontal">0dp</dimen>

分频器

而且,您可能不需要更改分隔线,它可能看起来不错.否则,尝试将分隔符添加到视图本身(顶视图或控制它的可见性).它可以只是一个高度为1dp和width match_parent的视图,backgroundColor设置为一些深灰色(或系统分隔符drawable(R.attr.listDivider)).

相关文章
相关标签/搜索