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>运行效果如下：