TextCheckGroupView

KO | EN

gitlite — search

#javascript #ai #typescript #golang #go #deep-learning #docker #java #awesome #cli #kubernetes #vue #security #open-source

TextCheckGroupView

(★ 20)

自定View 实现 checkbox, radiogroup , tagclouds 管理

TextCheckGroupView Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 一个类似于radioGroup和checkGroup 和流动标签tagClouds 一体管理的组件
自定义继承View,可直接放置到listview等的子类视图中

主要特点：
* 可用作显示给用户单选或者多选；

* 可自定义显示的模式：无边框，有边框，有图标和隐藏图标几种组合模式

* 流动布局，每一行的显示个数可根据显示的数据和屏幕的宽度自适应换行

* 设置最大选中个数。在流动标签中很实用

`class CheckTextGroupView extends View`

代码和效果说明：mainActivity  
	CheckTextGroupView checkTextGroupView;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        checkTextGroupView= (CheckTextGroupView) findViewById(R.id.checkTextGroupView);
        checkTextGroupView.updateCheckTexts(initList());
    }

public List<CheckTextGroupView.CheckText> initList(){

List<CheckTextGroupView.CheckText> list=new ArrayList<CheckTextGroupView.CheckText>();
        for(int index=0;index<10;index++){
            CheckTextGroupView.CheckText checkText=new CheckTextGroupView.CheckText();
            checkText.setText("中文"+index);
            list.add(checkText);
        }

return list;
    }
  
## 这里列出几种常用的模式,更多拼凑的模式你可以慢慢尝试下
#### 无边框单选模式

<com.igeek.textcheckgroupview.CheckTextGroupView
        android:id="@+id/checkTextGroupView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:checkedTextColor="#009EF2"
        app:textPaddingLeft="16dp"
        app:textPaddingRight="16dp"
        app:textPaddingButtom="12dp"
        app:textPaddingTop="12dp"
        app:lineHeight="12dp"
        app:strokeModel="GONE"
        app:checkModel="SIMPLE"
        app:strokeWidth="1px"
        app:textGapWidth="10dp"
        app:textSize="16sp"
        app:unCheckedTextColor="@color/black_overlay" />

![image](https://github.com/igeek-YZ/TextCheckGroupView/blob/master/gifs/simple_gone.gif )

**多选模式**只需要修改***app:checkModel="SIMPLE"***为***app:checkModel="MULTI"*** 即可

#### 选中边框单选模式(多选修改*app:checkModel="MULTI"*)

<com.igeek.textcheckgroupview.CheckTextGroupView
        android:id="@+id/checkTextGroupView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:checkedStrokeColor="@color/colorPrimary"
        app:checkedTextColor="#009EF2"
        app:textPaddingLeft="16dp"
        app:textPaddingRight="16dp"
        app:textPaddingButtom="12dp"
        app:textPaddingTop="12dp"
        app:lineHeight="12dp"
        app:strokeModel="GONE_STROKE"
        app:checkModel="SIMPLE"
        app:strokeWidth="1px"
        app:textGapWidth="10dp"
        app:textSize="16sp"
        app:unCheckedStrokeColor="@color/gray_efeff4"
        app:unCheckedTextColor="@color/black_overlay" />

![image](https://github.com/igeek-YZ/TextCheckGroupView/blob/master/gifs/simple_gone_Stroke.gif )

#### 选中边框多选模式
![image](https://github.com/igeek-YZ/TextCheckGroupView/blob/master/gifs/mulit_gone_Stroke.gif )

#### 选中边框带图标单选模式(多选修改*app:checkModel="MULTI"*)

<com.igeek.textcheckgroupview.CheckTextGroupView
        android:id="@+id/checkTextGroupView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:checkedStrokeColor="@color/colorPrimary"
        app:checkedTextColor="#009EF2"
        app:textPaddingLeft="16dp"
        app:textPaddingRight="16dp"
        app:textPaddingButtom="12dp"
        app:textPaddingTop="12dp"
        app:lineHeight="12dp"
        app:strokeModel="GONE_STROKE"
        app:checkModel="SIMPLE"
        app:strokeWidth="1px"
        app:textGapWidth="10dp"
        app:textSize="16sp"
        app:drawTextGapWidth="8dp"
        app:drawableWidth="20dp"
        app:drawableHeight="20dp"
        app:unCheckedDrawable="@mipmap/ic_radio_btn_unchecked_black_24dp"
        app:checkedDrawable="@mipmap/ic_radio_btn_checked_black_24dp"
        app:unCheckedStrokeColor="@color/gray_efeff4"
        app:unCheckedTextColor="@color/black_overlay" />

![image](https://github.com/igeek-YZ/TextCheckGroupView/blob/master/gifs/simple_icon_gone_Stroke.gif )

#### 属性说明
	<declare-styleable name="CheckTextGroupView">
        
        <attr name="textSize" format="dimension|reference"/>
        
        <attr name="textPadding" format="dimension|reference"/>
        
        <attr name="textPaddingLeft" format="dimension|reference"/>
        
        <attr name="textPaddingTop" format="dimension|reference"/>
        
        <attr name="textPaddingRight" format="dimension|reference"/>
        
        <attr name="textPaddingButtom" format="dimension|reference"/>
        
        <attr name="textGapWidth" format="dimension|reference"/>
        
        <attr name="lineHeight" format="dimension|reference"/>
        
        <attr name="checkedTextColor" format="color|reference"/>
        
        <attr name="unCheckedTextColor" format="color|reference"/>
        
        <attr name="checkedStrokeColor" format="color|reference"/>
        
        <attr name="unCheckedStrokeColor" format="color|reference"/>
        
        <attr name="strokeWidth" format="dimension|reference"/>
        
        <attr name="checkedDrawable" format="reference|color"/>
        
        <attr name="unCheckedDrawable" format="reference|color"/>
        
        <attr name="drawTextGapWidth" format="reference|dimension"/>
        
        <attr name="drawableHeight" format="reference|dimension"/>
        
        <attr name="drawableWidth" format="reference|dimension"/>
        
        <attr name="checkModel">
            
            <enum name="SIMPLE" value="4"/>
            
            <enum name="MULTI" value="5"/>
        </attr>
        <attr name="strokeModel">
            
            <enum name="STROKE" value="1"/>
            
            <enum name="GONE_STROKE" value="2"/>
            
            <enum name="GONE" value="3"/>
        </attr>
    </declare-styleable>

#### 联系方式 (如遇bug可通过以下联系方式联系我)

微信号：igeekcoder

邮箱：igeek2014@hotmail.com

谢谢您的浏览%>_<%

TextCheckGroupView

TextCheckGroupView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

TextCheckGroupView

TextCheckGroupView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README