构造Android复合控件

在Android的界面设计中，经常使用到比较类似的布局，比如说：系统设置等等地方，而这些布局每次单独的使用会使用大量的代码进行构建，在这里我给各位介绍一种复合控件的使用，如有不对之处，请指教。1.单个子项的代码：单个子项的布局文件就相当于ListView的item类似，实际上就是界面上相似的布局尽最大的可能统一到一个布局文件中，容纳拥有最多的控件的布局，通过属性值来控制布局中各个控件的显示。可以尽可能多的把单个控件结合进来，但是这同时得增多对界面控制的属性。依据实际情况而定。 <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/system_info_item_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#0000" android:clickable="true" android:focusable="true" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/item_center_selector" android:gravity="center" android:orientation="horizontal" android:padding="3dp" android:visibility="visible"> <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginleft="12dp" android:layout_weight="1" android:gravity="center_vertical" android:orientation="vertical"> <textview android:id="@+id/system_tv_title" android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" android:text="标题：" android:textcolor="@color/black" android:textsize="17sp"> <textview android:id="@+id/system_tv_value" android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" android:text="内容：" android:textsize="15sp"> </textview></textview></linearlayout> <togglebutton android:id="@+id/system_tb_msg_service" style="" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginright="8dp" android:background="@drawable/btn_toggle_selector" android:clickable="false" android:textoff="" android:texton=""> <imageview android:id="@+id/system_info_item_img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginright="8dp" android:src="@drawable/triangle"> </imageview></togglebutton></linearlayout> <view android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/list_line"> </view></linearlayout> 2.自定义Android的属性:在values文件加下新建resources.xml文件，在其中写入自定义的属性集(自己取得名字，如果哪位知道真正的名字，请指教)，并且设置其中的各个属性的类型(各个属性的类型设置可以参考此博客http://www.cnblogs.com/rayray/p/3442026.html)。这些属性用来控制你的单个子项界面显示效果以及其中各自的属性，根据自己想要实现何种控制，为调用复合控件提供足够的接口来进行子项界面的控制。注意如果多个地方使用统一名字,必须将属性设置至全局中.也就是与declare-styleable同一级。 <declare-styleable name="system_info_item"> <attr name="title" format="reference|string"> <attr name="value" format="reference|string"> <attr name="background" format="reference|color"> <attr name="showValue" format="boolean"> <attr name="showTb" format="boolean"> <attr name="showImg" format="boolean"> <attr name="showLayout" format="boolean"> </attr></attr></attr></attr></attr></attr></attr></declare-styleable> 3.自定义复合控件类:这里是将子项界面布局与属性集相结合,是整个复合控件的核心。该类中建议尽量使用多的接口给之后的代码控制子项界面提供入口。 import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view.View; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import android.widget.ToggleButton; import com.sunwah.ui.R; public class SystemItemInfo extends LinearLayout { private TextView system_tv_title; private TextView system_tv_value; private ToggleButton system_tb_msg_service; private ImageView system_info_item_img; private LinearLayout system_info_item_layout; private LinearLayout root = null; /** * 为界面中的控件设置属性方法,利用之后操作界面的显示 * * @return */ public String getTitle() { if (system_tv_title != null) return system_tv_title.getText().toString(); return null; } public void setTitle(String title) { if (title != null) { system_tv_title.setText(title); } } public String getValue() { if (system_tv_value != null) return system_tv_value.getText().toString(); return null; } public void setValue(String value) { if (value != null) { system_tv_value.setText(value); } } public void showValue(boolean flag){ if (system_tv_value != null) { system_tv_value.setVisibility(flag ? View.VISIBLE : View.GONE); } } public void showTb_msg_service(boolean flag) { if (system_tb_msg_service != null) { system_tb_msg_service .setVisibility(flag ? View.VISIBLE : View.GONE); } } public void showLayout(boolean flag) { if (system_info_item_layout != null) { system_info_item_layout.setVisibility(flag ? View.VISIBLE : View.GONE); } } public void showImg(boolean flag) { if (system_info_item_img != null) { system_info_item_img.setVisibility(flag ? View.VISIBLE : View.GONE); } } public ToggleButton getSystem_tb_msg_service() { return system_tb_msg_service; } public LinearLayout getLayout() { return system_info_item_layout; } public SystemItemInfo(Context context) { super(context); } public SystemItemInfo(Context context, AttributeSet attrs) { super(context, attrs); // 用于构建界面文件 init(context, attrs); } /** * 用于构建界面文件 * * @param context * 上下文 * @param attrs * 属性数组 */ private void init(Context context, AttributeSet attrs) { root = (LinearLayout) View.inflate(context, R.layout.layout_system_info_item, this); system_tv_title = (TextView) root.findViewById(R.id.system_tv_title); system_tv_value = (TextView) root.findViewById(R.id.system_tv_value); system_tb_msg_service = (ToggleButton) root .findViewById(R.id.system_tb_msg_service); system_info_item_img = (ImageView) root.findViewById(R.id.system_info_item_img); system_info_item_layout = (LinearLayout) root.findViewById(R.id.system_info_item_layout); TypedArray arr = context.obtainStyledAttributes(attrs,R.styleable.system_info_item); String system_tv_title_info = arr.getString(R.styleable.system_info_item_title); String system_tv_value_info = arr.getString(R.styleable.system_info_item_value); boolean showValue=arr.getBoolean(R.styleable.system_info_item_showValue, false); boolean showTb = arr.getBoolean(R.styleable.system_info_item_showTb,false); boolean showImg = arr.getBoolean(R.styleable.system_info_item_showImg,true); boolean showLayout=arr.getBoolean(R.styleable.system_info_item_showLayout, true); int bgId = arr.getResourceId(R.styleable.system_info_item_background, R.color.all_transparent); if(system_info_item_layout != null){ if(getResources().getDrawable(bgId) != null){ system_info_item_layout.setBackgroundResource(bgId); }else{ system_info_item_layout.setBackgroundColor(getResources().getColor(bgId)); } } if (system_tv_title_info != null) { system_tv_title.setText(system_tv_title_info); } else { system_tv_title.setText(""); } if (system_tv_value_info != null) { system_tv_value.setText(system_tv_value_info); } else { system_tv_value.setText(""); } if(system_tv_value!=null){ system_tv_value.setVisibility(showValue ? View.VISIBLE: View.GONE); } if (system_tb_msg_service != null) { system_tb_msg_service.setVisibility(showTb ? View.VISIBLE: View.GONE); } if (system_info_item_img != null) { system_info_item_img.setVisibility(showImg ? View.VISIBLE: View.GONE); } if (system_info_item_layout != null) { system_info_item_layout.setVisibility(showLayout ? View.VISIBLE: View.GONE); } arr.recycle(); } } 4.使用复合控件:在这里我们需要引入自定义的属性集,通过xmlns:infoitem="http://schemas.android.com/apk/res/com.example.test",com.example.test为你项目的包名，前缀是相同的，这样我们就可以像Android中定义的属性一样进行使用，比如说infoitem:title=""便是使用之前我们定义的属性集中的属性，之后进行页面加载的时候，Android机制通过我们自定义的复合控件类进行设置，这样便达到我们的效果。 <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:infoitem="http://schemas.android.com/apk/res/com.test" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/view_bg" android:orientation="vertical"> <scrollview android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="vertical" android:padding="8dp" android:scrollbars="none"> <linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/item_alone" android:orientation="vertical" android:padding="0.5dp"> <com test="" ui="" controls="" systemiteminfo="" android:id="@+id/btn_update" android:layout_width="match_parent" android:layout_height="wrap_content" infoitem:title="检查更新"> <com test="" ui="" controls="" systemiteminfo="" android:id="@+id/btn_about" android:layout_width="match_parent" android:layout_height="wrap_content" infoitem:title="关于我们"> </com></com></linearlayout> </scrollview> </linearlayout> 5.使用复合控件的接口：下面是通过代码进行对复合控件的调用，可以通过代码进行控制界面的显示以及为其中的控件设置各种事件，就如同我们使用EditText等Android自带的控件一样，只不过我们调用的是我们自定义的一些方法和接口。 //简单对自定义复合控件接口的使用 SystemItemInfo btnSystem = (SystemItemInfo) findViewById(R.id.btn_system); btnSystem.showTb_msg_service(true); btnSystem.showImg(false); //对自定义复合控件设置监听 private void setMsgServiceListener() { btn_msg_service.getLayout().setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { btn_msg_service.getSystem_tb_msg_service().toggle(); } }); }