自定义View(四) 自定义ItemToggleView
自定义ItemToggleView实现效果如下：
开启.jpg
关闭.jpg
- 自定义View类实现
- 自定义View标签
- 自定义View 布局
- 自定义View 选择器
- 自定义View 素材
- 自定义View属性
- Activity使用自定义View
欢迎关注微信公众号:程序员Android
公众号ID：ProgramAndroid
获取更多信息
微信公众号：ProgramAndroid
我们不是牛逼的程序员，我们只是程序开发中的垫脚石。
我们不发送红包，我们只是红包的搬运工。
1. 自定义View类实现
public class ItemToggleView extends RelativeLayout {
private static final String TAG = "ItemToggleView";
private TextView tv_title;
private TextView tv_des;
private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.programandroid";
private String mDesTitle;
private String mDesOff;
private String mDesOn;
private ImageView mImageView;
private boolean isOnOFF;
public ItemToggleView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initAttrs(attrs);
initUI(context);
}
public ItemToggleView(Context context, AttributeSet attrs) {
super(context, attrs);
initAttrs(attrs);
initUI(context);
}
public ItemToggleView(Context context) {
super(context);
initUI(context);
}
// 单独抽取出来的 xml--->view
private void initUI(Context context) {
View.inflate(context, R.layout.item_toggle_view, this);
tv_title = (TextView) findViewById(R.id.tv_title);
tv_des = (TextView) findViewById(R.id.tv_des);
mImageView = (ImageView) findViewById(R.id.switch_imageview);
tv_title.setText(mDesTitle);
}
public boolean getCheck() {
return isOnOFF;
}
/**
* @param isCheck
* 传递一个选中未选中的状态变量(true 选中 false未选中)
*/
public void setCheck(boolean isCheck) {
// mSwitchControlView.setChecked(isCheck);
if (isCheck) {
tv_des.setText(mDesOn);
mImageView.setImageDrawable(getResources().getDrawable(
R.drawable.toggle_on));
} else {
tv_des.setText(mDesOff);
mImageView.setImageDrawable(getResources().getDrawable(
R.drawable.toggle_off));
}
isOnOFF = isCheck;
}
/**
* @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 命名空间
xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid"
- 注意：自定义View 属性
programandroid:desOff=" 不选中"
programandroid:desOn=" 选中"
programandroid:desTitle=" WIFI "
属性声明在res/values/attrs.xml中定义
<com.programandroid.CustomView.ItemToggleView
xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid"
android:id="@+id/custom_item_toggle_view"
android:layout_width="wrap_content"
android:layout_height="55dp"
android:background="@drawable/listview_item_selector"
programandroid:desOff=" 关闭"
programandroid:desOn=" 开启"
programandroid:desTitle=" WIFI " />
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: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:textColor="@android:color/secondary_text_light"
android:textSize="14sp" />
<ImageView
android:id="@+id/switch_imageview"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/toggle_on" />
</RelativeLayout>
4. 自定义View 选择器
- 自定义 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 素材
toggle_off.png
toggle_on.png
6. 自定义view 属性
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>
7. Activity使用自定义View
/**
* 自定义 ItemToggleView
*/
private void InitItemToggleView() {
// TODO Auto-generated method stub
final ItemToggleView mItemToggleView=(ItemToggleView) findViewById(R.id.custom_item_toggle_view) ;
mItemToggleView.setCheck(false);
mItemToggleView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
mItemToggleView.setCheck(!mItemToggleView.getCheck());
}
});
}
至此，自定义ItemToggleView已经完成。
至此，本篇已结束，如有不对的地方，欢迎您的建议与指正。同时期待您的关注，感谢您的阅读，谢谢！
如有侵权，请联系小编，小编对此深感抱歉，届时小编会删除文章，立即停止侵权行为，请您多多包涵。
既然都看到这里，领两个红包在走吧！
以下两个红包每天都可以领取1.支付宝搜索 522398497，或扫码支付宝红包海报。
支付宝扫一扫，每天领取大红包
2.微信红包，微信扫一扫即可领取红包
微信扫一扫，每天领取微信红包
小礼物走一走，来简书关注我
