自定义itemCheckView

极力推荐文章:欢迎收藏
Android 干货分享

阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android

本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:

  1. 自定义View类实现
  2. 自定义View标签
  3. 自定义View 布局
  4. 自定义View 选择器
  5. 自定义View 素材
  6. Activity 引用 自定义view 控件
  7. Activity使用自定义View

itemCheckView 主要用于自定义选中item,常用于Settings 模块中,实现效果如下:
自定义itemCheckView

选中.jpg

1. 自定义View类实现

public class ItemCheckView extends RelativeLayout {
	// 每一个xml中的结点,都需要转换成java中的对象才可以去运行
	// 转换成一个对象,调用其构造方法,在调用构造方法的时候,去做xml--->view操作

	private static final String TAG = "ItemCheckView";
	private TextView tv_title;
	private TextView tv_des;
	private CheckBox cb_box;
	private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.programandroid";
	private String mDesTitle;
	private String mDesOff;
	private String mDesOn;

	public ItemCheckView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initAttrs(attrs);
		initUI(context);
	}

	public ItemCheckView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initAttrs(attrs);
		initUI(context);
	}

	public ItemCheckView(Context context) {
		super(context);
		initUI(context);
	}

	// 单独抽取出来的 xml--->view
	private void initUI(Context context) {
		View.inflate(context, R.layout.item_check_view, this);

		tv_title = (TextView) findViewById(R.id.tv_title);
		tv_des = (TextView) findViewById(R.id.tv_des);

		cb_box = (CheckBox) findViewById(R.id.cb_box);

		tv_title.setText(mDesTitle);
	}

	// checkbox是否选中的状态,就决定了当前条目是否开启版本更新检测
	// checbbox选中状态,和版本更新状态绑定

	/**
	 * 当前条目的选中状态,是否开启更新的选中状态
	 */
	public boolean isCheck() {
		// 是否要去更新,由checkbox选中状态决定 true选中 false未选中
		return cb_box.isChecked();
	}

	/**
	 * @param isCheck
	 *            传递一个选中未选中的状态变量(true 选中 false未选中)
	 */
	public void setCheck(boolean isCheck) {
		cb_box.setChecked(isCheck);
		if (isCheck) {
			tv_des.setText(mDesOn);
		} else {
			tv_des.setText(mDesOff);
		}
	}

	/**
	 * @param attrs
	 *            包含了属性名称和属性值的set集合
	 */
	private void initAttrs(AttributeSet attrs) {
		// 打印属性总个数
		/*
		 * Log.i(tag, "attrs.getAttributeCount() = "+attrs.getAttributeCount());
		 * for(int i=0;i<attrs.getAttributeCount();i++){ //获取所有的属性名称 Log.i(tag,
		 * "属性名称 = "+attrs.getAttributeName(i)); Log.i(tag,
		 * "属性值 = "+attrs.getAttributeValue(i)); }
		 */

		mDesTitle = attrs.getAttributeValue(NAMESPACE, "desTitle");
		mDesOff = attrs.getAttributeValue(NAMESPACE, "desOff");
		mDesOn = attrs.getAttributeValue(NAMESPACE, "desOn");

		Log.i(TAG, mDesTitle);
		Log.i(TAG, mDesOff);
		Log.i(TAG, mDesOn);
	}

2. 自定义View标签

1.注意 :自定义 Android 命名空间

Android 命名空间(xmlns:android="http://schemas.android.com/apk/res/android" )方法一样,想使用自定义view的属性,必须声明自定义view的命名空间
(xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid")

2. 注意:自定义View 属性

自定义View 属性如下:

  programandroid:desOff="  不选中"
  programandroid:desOn="  选中"
  programandroid:desTitle=" WIFI " 

属性声明在res/values/attrs.xml中定义

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<declare-styleable name="ItemCheckView"><!--SettingItemView申明控件,内部可以包含自定义属性-->
		<attr name="desTitle" format="string"/><!--标题描述属性-->
		<attr name="desOff" format="string"/><!--关闭更新属性-->
		<attr name="desOn" format="string"/><!--开启更新属性-->
	</declare-styleable>
</resources>

3. 自定义View 布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="sss"
        android:textColor="@android:color/primary_text_light"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_des"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:text="sss"
        android:textColor="@android:color/secondary_text_light"
        android:textSize="14sp" />

    <CheckBox
        android:id="@+id/cb_box"
        style="@style/CustomCheckboxTheme"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false" />

</RelativeLayout>

4. 自定义View 选择器

  • CheckBox 自定义样式
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_checkbox_press" android:state_checked="true"/>
    <item android:drawable="@drawable/btn_checkbox_normal" android:state_checked="false"/>
    <item android:drawable="@drawable/btn_checkbox_normal"/>

</selector>
  • 自定义 item选择器
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 按下去的背景颜色显示效果 -->
    <item android:drawable="@drawable/list_item_bg_light_pressed" android:state_pressed="true"/>
    <!-- 获取焦点时背景颜色显示效果 -->
    <item android:drawable="@drawable/list_item_bg_light_pressed" android:state_focused="true"/>
    <!-- 没有任何状态下的背景颜色 -->
    <item android:drawable="@drawable/list_item_bg_light_normal"/>

</selector>

5. 自定义View 素材

btn_checkbox_normal.png

btn_checkbox_press.png

6.自定义view 在Activity中布局引用

    <com.programandroid.CustomView.ItemCheckView
        xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid"
        android:id="@+id/custom_item_check_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/listview_item_selector"
        programandroid:desOff="  不选中"
        programandroid:desOn="  选中"
        programandroid:desTitle=" WIFI " />

7. Activity使用自定义View

	/**
	 * 自定义InitItemCheckView Activity 调用
	 */
	private void InitItemCheckView() {
		// TODO Auto-generated method stub
		final ItemCheckView mItemCheckView = (ItemCheckView) findViewById(R.id.custom_item_check_view);
		mItemCheckView.setCheck(false);

		mItemCheckView.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub

				// 1,获取当前条的原有状态
				boolean check = mItemCheckView.isCheck();
				// 2,对第一步获取的状态取反
				mItemCheckView.setCheck(!check);
				if (!check) {

				} else {

				}

			}
		});
	}

至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢!

微信关注公众号:  程序员Android,领福利

posted @ 2019-08-06 17:52  程序员Android  阅读(335)  评论(0编辑  收藏  举报