材料设计:视觉分组视图

Question

我有一个表格，里面有很多这样的观点：

组1

• 3 x EditText

第二组

• 6 x EditText
• Switch

第三组

• Switch

问题：，我认为如果我一个接一个地呈现这些views，用户就会不知所措。此外，分组也是有意义的，因为一个组中的数据在某种程度上属于同一组。

一个想法：，我考虑过使用选项卡，但它们需要用户进行另一次滑动/触摸才能到达他们想要的位置。另一个问题是，只为一个Switch (第3组)制作一个选项卡似乎并不有效。

我的问题：，我正在寻找一种与Material Design准则相一致的方法来对views进行分组。我怎么能这么做？

Answer 1

答案是：CardView

若要使用，请将compile 'com.android.support:cardview-v7:24.2.0'添加到build.gradle文件中。

像这样使用它：

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    card_view:cardCornerRadius="2dp"
    card_view:contentPadding="10dp"
    card_view:cardUseCompatPadding="true">

        <!-- put views here that should be grouped -->

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

Answer 2

您可以使用类似于可扩展视图的东西：https://github.com/bignerdranch/expandable-recycler-view

或者将它们分组为视图组(如LinearLayout/RelativeLayout等，根据您的方便程度而定)，并根据用户输入的数据内容来播放这些viewGroups的可见性(通常通过焦点更改编辑文本上的侦听器和切换状态更改侦听器)。您可以使用以下材料设计动画更改视图可见性：https://developer.android.com/training/animation/layout.html