目标: 完成以下类型的组件,要求布局一致,文案通过属性配置方式完成,且checkbox状态变化,需要切换不同的文案
image.png
- 创建布局文件
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="5dp" tools:context="com.example.yhb.mobilesafe.activity.SettingActivity"> <TextView android:id="@+id/tv_tltle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="20sp" /> <TextView android:id="@+id/tv_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/tv_tltle" android:layout_marginTop="3dp" android:textColor="#7000" android:textSize="18sp" /> <CheckBox android:id="@+id/cb_state" 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="0.2dp" android:layout_below="@id/tv_desc" android:layout_marginTop="3dp" android:background="#7000"></View></RelativeLayout>
希望在使用该组件的地方,能通过如此配置使用. 命名空间,以及3个自定义是属性
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:yhb="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.yhb.mobilesafe.activity.SettingActivity"> <TextView style="@style/TitleStyle" android:text="设置中心" /> <com.example.yhb.mobilesafe.view.SettingItemView android:id="@+id/siv_update" android:layout_width="match_parent" android:layout_height="wrap_content" yhb:desc_off="自动更新已关闭" yhb:desc_on="自动更新已开启" yhb:setting_item_title="自动更新设置"></com.example.yhb.mobilesafe.view.SettingItemView></LinearLayout>
- 创建控件类
通过分析布局文件,可得知该布局文件需要装载在ViewGroup中,所以继承ViewGroup的子类,通过View.inflate将布局文件填充进来,同时可以获取配置的属性,并且暴露一些对外的公开方法
public class SettingItemView extends RelativeLayout {public final static String NAMESPACE = "http://schemas.android.com/apk/res-auto"; private TextView tvDesc; private TextView tvTitle; private CheckBox cbState; private String settingItemTitle; private String descOff; private String descOn; public SettingItemView(Context context) {super(context); initView(); }public SettingItemView(Context context, AttributeSet attrs) {super(context, attrs); settingItemTitle = attrs.getAttributeValue(NAMESPACE, "setting_item_title"); //根据属性名称,获取属性的值 descOn = attrs.getAttributeValue(NAMESPACE, "desc_on"); //根据属性名称,获取属性的值 descOff = attrs.getAttributeValue(NAMESPACE, "desc_off"); //根据属性名称,获取属性的值 initView(); }public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr); initView(); }/** * 初始化布局 */ private void initView() {//arguments[2]: 将布局文件塞进RelativeLayout或者解释为 将RelativeLayout作为布局文件的父容器 View.inflate(getContext(), R.layout.view_setting_item, this); tvTitle = (TextView) findViewById(R.id.tv_tltle); tvDesc = (TextView) findViewById(R.id.tv_desc); cbState = (CheckBox) findViewById(R.id.cb_state); this.setTitle(settingItemTitle); }/** * 设置标题 * * @param title */ public void setTitle(String title) {tvTitle.setText(title); }/** * 设置描述文件 * * @param desc */ public void setDesc(String desc) {tvDesc.setText(desc); }public void setChecked(boolean check) {if (check) {this.setDesc(descOn); } else {this.setDesc(descOff); }cbState.setChecked(check); }/** * 判断复选框的勾选状态 * * @return */ public boolean isCheck() {return cbState.isChecked(); }}
- 使用
public class SettingActivity extends AppCompatActivity {private SettingItemView sivUpdate; //设置自动更新 private SharedPreferences mPref; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_setting); mPref = getSharedPreferences("config", MODE_PRIVATE); sivUpdate = (SettingItemView) findViewById(R.id.siv_update); boolean isAutoUpdate = mPref.getBoolean("auto_update", true); sivUpdate.setChecked(isAutoUpdate); sivUpdate.setOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {mPref.edit().putBoolean("auto_update", !sivUpdate.isCheck()).commit(); sivUpdate.setChecked(!sivUpdate.isCheck()); }}); }}
