CheckedTextView是什么
CheckedTextView继承自TextView且实现了Checkable接口,对TextView界面和显示进行了扩展的控件,支持Checkable。可以实现单选或多选功能,在你懒得使用两者结合的时候,这就是不二选择。
主要XML属性
android:checkMark 按钮样式。
-
默认单选框样式:android:checkMark="?android:attr/listChoiceIndicatorSingle"
-
默认复选框样式:android:checkMark="?android:attr/listChoiceIndicatorMultiple"
-
当然也可以使用drawable自定义样式
android:checkMarkTint 按钮的颜色。
android:checkMarkTintMode 混合模式按钮的颜色。
android:checked 初始选中状态,默认false。
在点击事件里判断状态设置状态
CheckedTextView.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {CheckedTextView.toggle();//切换选中与非选中状态}
});
咱们看看CheckedTextView.toggle()是干嘛的
public void toggle() {setChecked(!mChecked);
}
就是实现这个控件的状态反操作。
第一次点击无效
android:focusableInTouchMode="true",这个属性加上会导致第一次点击触发不了选择事件。
实例
官方文档指出,结合ListView使用更佳,咱下面通过一个栗子了解一下,下面是效果图:
1.主界面CheckedTextViewActivity.java
public class CheckedTextViewActivity extends AppCompatActivity {private ListView lv_ctv_multiple,lv_ctv_single;private CtvMultipleAdapter ctvAdapter;private TextView tv_multiple_title,tv_single_title;private CtvSingleAdapter ctvSingleAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_textview_ctv);//加载布局文件initView();}private void initView() {ArrayList<String> ctvString = new ArrayList<>();ctvString.add("秦始皇嬴政");ctvString.add("汉高祖刘邦");ctvString.add("唐太宗李世民");ctvString.add("宋太祖赵匡胤");//复选lv_ctv_multiple = findViewById(R.id.lv_ctv_multiple);tv_multiple_title = findViewById(R.id.tv_multiple_title);ctvAdapter = new CtvMultipleAdapter(this,ctvString,tv_multiple_title);lv_ctv_multiple.setAdapter(ctvAdapter);//设置Item间距lv_ctv_multiple.setDividerHeight(0);//单选lv_ctv_single = findViewById(R.id.lv_ctv_single);tv_single_title = findViewById(R.id.tv_single_title);ctvSingleAdapter = new CtvSingleAdapter(this,ctvString,tv_single_title);lv_ctv_single.setAdapter(ctvSingleAdapter);//设置Item间距lv_ctv_single.setDividerHeight(0);}
}
2.主布局activity_textview_ctv.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:padding="@dimen/dimen_20"><TextViewandroid:id="@+id/tv_multiple_title"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dimen_10"android:textColor="@color/black"android:text="复选"android:textSize="@dimen/text_size_16" /><ListViewandroid:id="@+id/lv_ctv_multiple"android:layout_width="match_parent"android:layout_height="180dp" /><TextViewandroid:id="@+id/tv_single_title"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dimen_10"android:text="单选"android:textColor="@color/color_188FFF"android:layout_marginTop="@dimen/dimen_10"android:textSize="@dimen/text_size_20" /><ListViewandroid:id="@+id/lv_ctv_single"android:layout_width="match_parent"android:layout_height="match_parent" />
</LinearLayout>
3.复选框Adapter
public class CtvMultipleAdapter extends BaseAdapter {private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局private List<String> list;private TextView tvTitle;private List<String> selectList = new ArrayList<>();public CtvMultipleAdapter(Context context, List<String> list, TextView tv) {this.mInflater = LayoutInflater.from(context);this.list = list;tvTitle = tv;}@Overridepublic int getCount() {return list.size();}@Overridepublic Object getItem(int position) {return null;}@Overridepublic long getItemId(int position) {return 0;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {final CtvViewHolder holder;final String string = list.get(position);//观察convertView随ListView滚动情况if (convertView == null) {convertView = mInflater.inflate(R.layout.item_ctv_multiple, null);holder = new CtvViewHolder();/*得到各个控件的对象*/holder.ctv_top = (CheckedTextView) convertView.findViewById(R.id.ctv_top);convertView.setTag(holder);//绑定ViewHolder对象} else {holder = (CtvViewHolder) convertView.getTag();//取出ViewHolder对象}holder.ctv_top.setText(string);//默认选中状态if(holder.ctv_top.isChecked()){//list未包含选中string;if(!selectList.contains(string)){selectList.add(string);}}if (selectList.size() == 0) {tvTitle.setText("");} else {tvTitle.setText(selectList.toString());}holder.ctv_top.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {holder.ctv_top.toggle();//切换选中与非选中状态//单选if(holder.ctv_top.isChecked()){////list未包含选中string;if(!selectList.contains(string)){selectList.add(string);}}else{//list未包含选中string;if(selectList.contains(string)){selectList.remove(string);}}if (selectList.size() == 0) {tvTitle.setText("");} else {tvTitle.setText(selectList.toString());}}});return convertView;}/*存放控件*/public class CtvViewHolder {public CheckedTextView ctv_top;}@Overridepublic boolean areAllItemsEnabled() {return false;//Item不可点击}@Overridepublic boolean isEnabled(int position) {return false;//Item不可点击// 拦截事件交给上一级处理//return super.isEnabled(position);}}
4.复选框adapter对应布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:orientation="vertical"android:layout_height="match_parent"><CheckedTextViewandroid:id="@+id/ctv_top"android:checked="true"android:checkMark="?android:attr/listChoiceIndicatorMultiple"android:checkMarkTint="@color/color_FF773D"android:padding="10dp"android:textSize="16sp"android:layout_marginTop="3dp"android:layout_width="match_parent"android:layout_height="wrap_content" />
</LinearLayout>
这里用到checkMark(默认复选框样式)、checkMarkTint(复选框颜色设为黄色)、和checked(true默认选中)几个属性,可以更好的理解他们。
5.单选框adapter
private String selectStr="";//全局变量holder.ctv_top.setText(string);holder.ctv_top.setChecked(selectStr.equals(string));holder.ctv_top.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {holder.ctv_top.toggle();//切换选中与非选中状态//单选if(holder.ctv_top.isChecked()){selectStr=string;}else{selectStr="";}tvTitle.setText(selectStr);notifyDataSetChanged();}});
大部分与复选框CtvMultipleAdapter设置相同,仅部分不同就不做多重复了。
6.单选框adapter对应布局
<CheckedTextViewandroid:id="@+id/ctv_top"android:checkMark="?android:attr/listChoiceIndicatorSingle"android:padding="10dp"android:textSize="16sp"android:layout_marginTop="3dp"android:layout_width="match_parent"android:layout_height="wrap_content" />
仅使用单选默认样式。
7.逻辑处理从adapter放在主界面处理
ListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {//在这里进行单选复选的逻辑处理}});
使用CheckedTextView配合ListView实现单选与多选的功能我们实现了。到这里,关于CheckedTextView我们也就介绍完了,嘿嘿。