前言:自定义组合控件最大的好处就是复用性,可以为我们节省不少代码量,但是一般我们自定义组合控件的时候,封装出来的控件不管是自己用还是别人用也好,封装的代码最好是易读性强,便于修改,没有必要封装太多的属性,一般控制在两三个属性为最佳,毕竟我们不是Google....!好了,扯得有点远了,今天我带领大家来封装一个简单易用的组合控件,让你初步接触如何自定义组合控件!
----------------------------分割线---------------------------
来看效果图:
当然了,这个效果很简单的,你不通过自定义组合控件也可以很轻松的实现。
----------------------------分割线---------------------------
实现:1. 写一个类继承RelativeLayout(ViewGroup)
2. 写布局文件
3. 将布局添加到RelativeLayout中(initView方法)
4. 增加api
5. 自定义属性(1. values/attrs.xml, 2. 声明命名空间 , 3.在自定义view中配置属性, 4. 在自定义view中加载属性值 )
----------------------------分割线---------------------------
自定义属性实现:
一:在values文件下面新建一个attrs的文件然后在里面添加如下代码:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="SettingItemView">
<attr name="title" format="string" />
<attr name="desc_on" format="string" />
<attr name="desc_off" format="string" />
</declare-styleable>
</resources>
解释:1.declare-styleable中的name是控件的类名。2.attr里面是控件的属性,可添加字符串,数值,布尔值都可以添加。
二:在构造方法中获取该属性的值:
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SettingItemView);
String text = ta.getString(R.styleable.SettingItemView_title);
获取这些值之后就可以做进一步的逻辑事件。
三:如何使用自定义控件:1.在你布局的最外层加入代码:
xmlns:app="http://schemas.android.com/apk/res-auto"
2.使用该属性
<com.fly.lsn29_groupview.SettingItemView
android:id="@+id/siv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:desc_off="已经关闭"
app:desc_on="已经开启"
app:title="设置" />
----------------------------分割线---------------------------
完整代码:
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class SettingItemView extends RelativeLayout {
private TextView tvTitle;
private TextView tvDesc;
private CheckBox cbCheck;
private String mDescOn;
private String mDescOff;
public SettingItemView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView();
}
public SettingItemView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SettingItemView);
String text = ta.getString(R.styleable.SettingItemView_title);
mDescOn = ta.getString(R.styleable.SettingItemView_desc_on);
mDescOff = ta.getString(R.styleable.SettingItemView_desc_off);
ta.recycle();
setTitle(text);
}
public SettingItemView(Context context) {
super(context);
initView();
}
/**
* 初始化布局
*/
private void initView() {
View child = View.inflate(getContext(), R.layout.setting_item_view, null);// 初始化组合控件布局
tvTitle = (TextView) child.findViewById(R.id.tv_title);
tvDesc = (TextView) child.findViewById(R.id.tv_desc);
cbCheck = (CheckBox) child.findViewById(R.id.cb_check);
this.addView(child);// 将布局添加给当前的RelativeLayout对象
}
/**
* 设置标题
*
* @param title
*/
public void setTitle(String title) {
tvTitle.setText(title);
}
/**
* 设置表述
*
* @param desc
*/
public void setDesc(String desc) {
tvDesc.setText(desc);
}
/**
* 判断是否勾选
*
* @return
*/
public boolean isChecked() {
return cbCheck.isChecked();
}
/**
* 设置选中状态
*
* @param checked
*/
public void setChecked(boolean checked) {
cbCheck.setChecked(checked);
// 更新描述信息
if (checked) {
setDesc(mDescOn);
} else {
setDesc(mDescOff);
}
}
}
涉及到的一个简单布局:
<?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">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="65dp"
android:padding="5dp">
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="标题"
android:textColor="#000"
android:textSize="18sp" />
<TextView
android:id="@+id/tv_desc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/tv_title"
android:layout_marginTop="3dp"
android:text="描述"
android:textColor="#a000"
android:textSize="16sp" />
<CheckBox
android:id="@+id/cb_check"
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" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_alignParentBottom="true"
android:background="#494949" />
</RelativeLayout>
</LinearLayout>
values文件夹下新建attrs文件添加如下代码:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="SettingItemView">
<attr name="title" format="string" />
<attr name="desc_on" format="string" />
<attr name="desc_off" format="string" />
</declare-styleable>
</resources>
在布局中使用:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
tools:context="com.fly.lsn29_groupview.MainActivity">
<com.fly.lsn29_groupview.SettingItemView
android:id="@+id/siv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:desc_off="已经关闭"
app:desc_on="已经开启"
app:title="设置" />
</LinearLayout>
在MainActivity中调用:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final SettingItemView siv = (SettingItemView) findViewById(R.id.siv);
siv.setChecked(true);//初始化设置
siv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (siv.isChecked()) {
siv.setChecked(false);
//处理逻辑
} else {
siv.setChecked(true);
//处理逻辑
}
}
});
}
}
------------------------完!--------------------------