Android复合控件创建与使用Demo

1>创建复合控件

1.1>属性值类型声明

<?xml version="1.0" encoding="utf-8"?>
<resources>

<declare-styleable name="MyCompoundView">
<attr name="et_hint" format="reference|string"></attr>
<attr name="bt_text" format="reference|string"></attr>
</declare-styleable>

</resources>

1.2>复合控件布局

<?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="wrap_content"
android:orientation="horizontal">
<EditText
android:id="@+id/newItem_et"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"/>
<Button
android:id="@+id/done_bt"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

</LinearLayout>

效果为：



1.3>复合控件代码

package com.demo.cxc.compoundview;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;

/**
* Created by CXC on 15/4/12.
*/
public class MyCompoundView extends LinearLayout {
private EditText newItem_et;
private Button done_bt;

OnButtonClickListener buttonClickListener;

public MyCompoundView(Context context) {
super(context);
init(null,0);

}

public MyCompoundView(Context context, AttributeSet attrs) {
/*
---注意调用的父类构造函数形式，如果使用super(context);
在Activity中通过findFragmentById()or findFragmentByTag()时返回Null，
进而使用该Fragment时会出现NullPointerException
*/
super(context,attrs);
init(attrs,0);

}

private void init(AttributeSet attrs, int defStyles) {
//使用布局资源填充视图
LayoutInflater layoutInflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

View view = layoutInflater.inflate(R.layout.compound_view_layout, this, true);

//获得对子控件的引用
newItem_et = (EditText) view.findViewById(R.id.newItem_et);
done_bt = (Button) view.findViewById(R.id.done_bt);

//获取设置的各个属性
final TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.MyCompoundView, defStyles, 0);
String newItem_et_hint = a.getString(R.styleable.MyCompoundView_et_hint);
String done_bt_text = a.getString(R.styleable.MyCompoundView_bt_text);
//设置属性值
newItem_et.setHint(newItem_et_hint);
done_bt.setText(done_bt_text);

done_bt.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if(buttonClickListener==null){
return ;
}
//调用listener
buttonClickListener.onButtonClick(newItem_et.getText().toString());
newItem_et.setText("");

}
});
}

public void setOnButtonClickListener(OnButtonClickListener listener) {
this.buttonClickListener = listener;
}

public interface OnButtonClickListener {
public void onButtonClick(String newItemString);
}

}

2>使用该复合控件
2.1>布局
效果如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <!--使用该组合控件-->
    <!--xmlns:cv="http://schemas.android.com/apk/res/AndroidManifest文件中的package属性值"-->
    <com.demo.cxc.compoundview.MyCompoundView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:cv="http://schemas.android.com/apk/res/com.demo.cxc.compoundview"
        android:id="@+id/new_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        cv:bt_text="@string/done_bt_text"
        cv:et_hint="@string/new_item_et_hint"/>
    <TextView
        android:id="@+id/show_tv"
        android:text="Show Text..."
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

其中Strings.xml如下：

<resources>
<string name="app_name">CompoundView</string>

<string name="action_settings">Settings</string>
<string name="done_bt_text">Done</string>
<string name="new_item_et_hint">Please input what you want to do ...</string>
</resources>

2.2>ＭainActivity代码

package com.demo.cxc.compoundview;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.EditText;
import android.widget.TextView;

/*实现 MyCompoundView.OnButtonClickListener接口，以便实现相关操作*/
public class MainActivity extends ActionBarActivity implements MyCompoundView.OnButtonClickListener {
private MyCompoundView new_item_cv;

private TextView show_tv;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
}
private void initViews() {

new_item_cv = (MyCompoundView) findViewById(R.id.new_item);
if (new_item_cv == null) {
Log.i("CXC", "***********Null---------");
} else {
new_item_cv.setOnButtonClickListener(this);
}

show_tv=(TextView)findViewById(R.id.show_tv);

}

@Override
protected void onResume() {
super.onResume();

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}

@Override
public void onButtonClick(String newItemString) {
//在这里进行显示操作
show_tv.setText(newItemString);
}
}

3>运行效果如下：