选择评分栏

时间:2017-05-26 12:54:35

标签: android

我需要像RatingBar这样的东西来选择一年中的月份范围,

用户可以选择行军,并将手指朝一个方向移动并选择它。我不能在中间有“未选中”的东西。

举例说明,
Months selected

在这种情况下,用户选择'Jan'和'Abr'。 我没有找到任何针对这种情况的具体内容,因此,我想知道是否有人遇到过此问题,或者我应该手动执行此操作。

谢谢! :)

2 个答案:

答案 0 :(得分:4)

好吧,我最终几乎手动完成了所有代码。我会在这里发帖,所以如果有人需要,那就会在这里 首先,我有一个由谷歌维护的FlexboxLayout,它将视图包装到下一行。然后,我在其中添加了所有13个复选框,并根据StateLists设置背景和textColor 查看代码:

<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>

答案 1 :(得分:1)

这里有两个库 的材料范围杆

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

范围搜索栏:

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

}

您可能希望查看thisthis个链接。它可能不是您正在寻找的东西,但通过一些定制,我认为它会有所帮助。我还没试过它们。只是用Google搜索它。