材料设计:可视化分组视图

时间:2016-08-02 08:25:51

标签: android material-design grouping

我有一个包含很多这样的观点的表单:

第1组

  • 3 x EditText

第2组

  • 6 x EditText
  • Switch

第3组

  • Switch

问题: 如果我只是一个接一个地呈现那些views,我认为用户会不堪重负。另外,分组是有意义的,因为一组中的数据在某种程度上属于一起。

一个想法: 我考虑过使用标签,但是他们会要求用户再次滑动/触摸以获得他们想要的位置。另一个问题是,只为一个Switch(第3组)制作标签似乎没有效果。

我的问题:我正在寻找一种与Material Design指南集合views一致的方法。我怎么能这样做?

2 个答案:

答案 0 :(得分:0)

您可以使用类似可扩展视图的内容: https://github.com/bignerdranch/expandable-recycler-view

或者根据您的方便将它们分组到视图组(如LinearLayout / RelativeLayout等),并根据用户输入的数据播放这些viewGroup的可见性。(通常通过焦点更改侦听器上的编辑文本和状态更改侦听器) )。您可以使用以下Material Design动画来更改视图可见性: https://developer.android.com/training/animation/layout.html

答案 1 :(得分:0)

答案是: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>