带有芯片类型可选框的Android文本视图

时间:2016-06-23 08:23:38

标签: android android-layout material-design android-design-library

在我的应用程序中,我正在创建一个与过滤器类似的搜索字段。所以我想在我的搜索页面上实现一些与此图像相似的内容。 enter image description here我试图搜索它但是找不到那些带有可选框的scrooling文本视图,并且在选择下面的框后面有删除标志这种类型的布局是什么?请帮助我了解这个以及任何类型的库以及它们的名称。

由于

3 个答案:

答案 0 :(得分:3)

据我所知,您希望使用自己的样式创建复选框。您可以使用一些XML定义来实现此目的。检查我在一个应用程序中使用的代码:

首先,定义复选框:

<CheckBox
    android:id="@+id/btn_team_home"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical"
    android:layout_weight="0.4"
    android:background="@drawable/selector_match_team"
    android:button="@null"
    android:ellipsize="end"
    android:gravity="center"
    android:maxLines="2"
    android:minLines="2"
    android:textColor="@color/selector_btn_matches_text"/>

这里最重要的属性是“android:background”

background属性包含一个选择器,用于指定视图对不同事件的反应方式。您可以在下面看到res / drawable / selector_match_team的代码。另外不要忘记设置android:button =“@ null”。我的复选框定义中的其他属性对您的情况并不重要。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:state_checked="true">
    <shape android:shape="rectangle">
        <corners android:radius="@dimen/btn_match_radius"/>
        <!--<stroke-->
        <!--android:width="1dip"-->
        <!--android:color="@color/match_picker_match_border_checked"/>-->
        <gradient
            android:endColor="@color/match_picker_match_bg_checked"
            android:startColor="@color/match_picker_match_bg_checked"/>
    </shape>
</item>

<item
    android:state_checked="false">
    <shape android:shape="rectangle">
        <corners
            android:radius="@dimen/btn_match_radius"/>
        <!--<stroke-->
        <!--android:width="1dip"-->
        <!--android:color="@color/match_picker_match_border_unchecked"/>-->
        <gradient
            android:endColor="@color/match_picker_match_bg_unchecked"
            android:startColor="@color/match_picker_match_bg_unchecked"/>
    </shape>
</item>

在这里你可以看到第一项是“已检查”状态的背景。它包含带圆角和背景颜色的矩形形状(渐变属性)。在您的情况下,应该使用注释“笔画”,因为您需要按钮周围的边框。颜色和尺寸并不重要,所以我不在这里指定它们。

由于您的基本视图已经是一个复选框,并且您实现了自己的选择器,因此您无需手动编写任何代码来处理背景/检查状态。

答案 1 :(得分:0)

<强>更新

检查此https://github.com/whilu/AndroidTagView

适用于Android的TagView库。自定义您自己的&amp;拖动效果。

build.gradle文件。

dependencies {
    compile 'co.lujun:androidtagview:1.0.3'
}

enter image description here

答案 2 :(得分:0)

我不确定这个图书馆是否能满足您的需求。但是让你试一试。

链接:https://github.com/kpbird/chips-edittext-library

让我知道查询。