选取视图，如何像评分栏一样实现？

Question

我需要类似于RatingBar的东西，用于选择一年中的月份范围，

用户可以选择三月，并向某个方向滑动手指以进行选择。我不能在中间有“未选择”的部分。

为了举例说明， 在这种情况下，用户选择了“Jan”和“Abr”。

我没有找到针对此情况的特定内容，所以想知道是否有人遇到过这种情况，或者我应该手动完成此操作。

谢谢！ :)

- reinaldomoreira

---

我不知道为什么被踩了，也许你可以解释一下为什么？ - reinaldomoreira

请问您已经尝试了什么，以便我们可以提出改进建议？ - Raut Darpan

很遗憾，我无法进一步解决这个问题，因为我对此毫无头绪。 - reinaldomoreira

我认为答案就在你的问题中。你正在寻找一个自定义评分栏。除了使用的图像之外，你所要求的有什么不同于评分栏呢？搜索“android自定义评分栏”，你会得到很多结果。这里是一个Stack Overflow问题，我认为它可以满足你的需求。如果不行，请在这里回复缺少什么。 - Cheticamp

@Cheticamp 答案中的链接无效，但我会检查代码。 - reinaldomoreira

提供的链接对于许多评分条无效（两三行），此外，我试图找到一个优雅的解决方案，而不是在我的XML中放置13个评分条。 - reinaldomoreira

Answer 1

其实我最终都是手动编写了几乎所有代码。如果有人需要相同的代码，我会在这里发布。
首先，我使用由Google维护的FlexboxLayout来将视图包装到下一行。然后，我在其中添加了全部13个复选框，并基于StateLists设置了背景和文本颜色。
视图代码：

<com.google.android.flexbox.FlexboxLayout
    android:id="@+id/fl_cadastrofonterendamensalactivity_months_container"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:alignContent="stretch"
    app:justifyContent="space_around"
    app:alignItems="center"
    app:flexWrap="wrap">

    <CheckBox
        android:id="@+id/cb_monthlist_jan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_jan"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"
        />

    <CheckBox
        android:id="@+id/cb_monthlist_fev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_fev"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_mar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_mar"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_abr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_abr"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_mai"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_mai"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_jun"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_jun"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_jul"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_jul"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>


    <CheckBox
        android:id="@+id/cb_cadastromonthlist_ago"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        app:layout_wrapBefore="true"
        android:text="@string/cadastro_fonterendamensal_mes_ago"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

    <CheckBox
        android:id="@+id/cb_cadastromonthlist_set"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_set"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

    <CheckBox
        android:id="@+id/cb_cadastromonthlist_out"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_out"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

    <CheckBox
        android:id="@+id/cb_cadastromonthlist_nov"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_nov"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

    <CheckBox
        android:id="@+id/cb_cadastromonthlist_dez"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_dez"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

    <CheckBox
        android:id="@+id/cb_cadastromonthlist_dct"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/months_statelist"
        android:button="@null"
        android:gravity="center"
        android:text="@string/cadastro_fonterendamensal_mes_dct"
        android:textColor="@color/months_textcolor"
        android:textStyle="bold"/>

</com.google.android.flexbox.FlexboxLayout>

在 res/color/months.textcolor.xml 文件中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/color_background" android:state_checked="true"/>
    <item android:color="@android:color/white" android:state_checked="false"/>
</selector>

在res/drawable文件夹中的months_statelist.xml文件内

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:drawable="@drawable/checkbox_checked"
        android:state_checked="true"/>

    <item
        android:drawable="@drawable/checkbox_unchecked"
        android:state_checked="false"/>

</selector>

在res/drawable/checkbox_checked.xml文件中：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#FFFFFF"/>

    <corners android:radius="100dp"/>

    <size
        android:width="-2dp"
        android:height="-2dp"/>

    <padding
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp"/>
</shape>

并且在res/drawable/checkbox_unchecked.xml文件内部

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="@android:color/transparent"/>

    <stroke
        android:width="1dp"
        android:color="#FFFFFF"/>

    <corners android:radius="100dp"/>

    <size
        android:width="40dp"
        android:height="40dp"/>

    <padding
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp"/>
</shape>

- reinaldomoreira

Answer 2

这里有两个库material-range-bar:

dependencies {
    compile 'com.appyvet:materialrangebar:1.3'
}

和范围滑动条：

dependencies {
      compile 'com.yahoo.mobile.client.android.util.rangeseekbar:rangeseekbar-library:0.1.0'

}

你可能想看看这this和this两个链接。它们可能不完全符合你的需求，但是稍加定制后我认为它们会有所帮助。我还没有尝试过它们。只是为你谷歌了一下。

- Simo