自定义组合控件

Posted 2020-09-24 wlwqnj

自定义组合控件的好处：

1.提高布局文件开发效率

2.降低布局文件维护成本

3.降低布局文件和activity代码的耦合性

4.容易扩展

5.简单易用

下面实现一个自定义的组合控件  actionBar  

第一步 ： 创建一个xml布局文件
<merge xmlns:android="http://schemas.android.com/apk/res/android">

    <Button
        android:id="@+id/title_bar_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:background="@null"
        android:minHeight="45dp"
        android:minWidth="45dp"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/title_bar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:singleLine="true"
        android:textSize="17sp" />

    <Button
        android:id="@+id/title_bar_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="7dp"
        android:background="@null"
        android:minHeight="45dp"
        android:minWidth="45dp"
        android:textSize="14sp" />

</merge>

用merge的好处，自定义组合控件会继承RelativeLayout、LinearLayout等，如果不用merge会导致布局无形之中多加了一层，渲染布局的时候会慢。
使用merge要切记一点，在inflate添加布局的时候，不需要指定一个父布局，并添加到父布局中，如果不添加会报错。例如：

View inflate = LayoutInflater.from(context).inflate(R.layout.customactionbar, this,true);

第二步： 自定义actionBar的属性，用来控制actionBar的属性改变。 这里自定一属性就比较多了，但定义完成之后，再以后使用就会很方便。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomActionBarProtivity">
        <attr name="title_background_color" format="color"/>
        <attr name="left_button_visible" format="boolean"/>
        <attr name="right_button_visible" format="boolean"/>
        <attr name="title_text" format="string"/>
        <attr name="title_text_color" format="color"/>
        <attr name="title_text_drawable" format="reference|integer"/>
        <attr name="right_button_text" format="string"/>
        <attr name="right_button_text_color" format="color"/>
        <attr name="right_button_drawable" format="reference|integer"/>
        <attr name="left_button_text" format="string"/>
        <attr name="left_button_text_color" format="color"/>
        <attr name="left_button_drawable" format="reference|integer"/>
    </declare-styleable>
</resources>

第三步：写一个继承ViewGroup的类，把merge中的布局添加到这个ViewGroup中，然后拿到对应的属性值，通过findViewById找到对应的控件，把属性给他们配置上就OK了。

public class CustomActionBar extends RelativeLayout {

    private Button leftButton;
    private Button rightButton;
    private TextView textview;

    public CustomActionBar(Context context) {
        super(context);
        init(context,null);
    }

    public CustomActionBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context,attrs);

    }

    public CustomActionBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context,attrs);

    }

    private void init(Context context, AttributeSet attrs) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.customactionbar, this,true);
        leftButton = (Button) inflate.findViewById(R.id.title_bar_left);
        rightButton = (Button) inflate.findViewById(R.id.title_bar_right);
        textview = (TextView) inflate.findViewById(R.id.title_bar_title);

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomActionBarProtivity);
        if (typedArray != null){
            int actionBarBackGround = typedArray.getColor(R.styleable.CustomActionBarProtivity_title_background_color, Color.RED);
            setBackgroundColor(actionBarBackGround);
            boolean leftButtonVisible = typedArray.getBoolean(R.styleable.CustomActionBarProtivity_left_button_visible, true);
            if (leftButtonVisible){
                leftButton.setVisibility(View.VISIBLE);
            }else {
                leftButton.setVisibility(View.GONE);
            }
            boolean rightButtonVisible = typedArray.getBoolean(R.styleable.CustomActionBarProtivity_right_button_visible, true);
            if (rightButtonVisible){
                rightButton.setVisibility(View.VISIBLE);
            }else {
                rightButton.setVisibility(View.GONE);
            }
            String titleText = typedArray.getString(R.styleable.CustomActionBarProtivity_title_text);
            int titleTextColor = typedArray.getColor(R.styleable.CustomActionBarProtivity_title_text_color, Color.BLUE);
            int titleTextDrawable = typedArray.getResourceId(R.styleable.CustomActionBarProtivity_title_text_drawable, -1);
            if (titleTextDrawable != -1){
                textview.setBackgroundResource(titleTextDrawable);
            }else {
                if (!TextUtils.isEmpty(titleText)){
                    textview.setText(titleText);
                    textview.setTextColor(titleTextColor);
                }
            }
            String rightButtonText = typedArray.getString(R.styleable.CustomActionBarProtivity_right_button_text);
            int rightButtonTextColor = typedArray.getColor(R.styleable.CustomActionBarProtivity_right_button_text_color, Color.GREEN);
            int rightButtonDrawable = typedArray.getResourceId(R.styleable.CustomActionBarProtivity_right_button_drawable, -1);
            if (rightButtonDrawable != -1){
                rightButton.setBackgroundResource(rightButtonDrawable);
            }else {
                if (!TextUtils.isEmpty(rightButtonText)) {
                    rightButton.setText(rightButtonText);
                    rightButton.setTextColor(rightButtonTextColor);
                }
            }
            String leftButtonText = typedArray.getString(R.styleable.CustomActionBarProtivity_left_button_text);
            int leftButtonTextColor = typedArray.getColor(R.styleable.CustomActionBarProtivity_left_button_text_color, Color.YELLOW);
            int leftButtonDrawable = typedArray.getResourceId(R.styleable.CustomActionBarProtivity_left_button_drawable, -1);
            if (leftButtonDrawable != -1){
                leftButton.setBackgroundResource(leftButtonDrawable);
            }else {
                if (!TextUtils.isEmpty(leftButtonText)){
                    leftButton.setText(leftButtonText);
                    leftButton.setTextColor(leftButtonTextColor);
                }
            }
        }
        typedArray.recycle();
    }

    public Button getLeftButton(){
        return leftButton;
    }
    public Button getRightButton(){
        return rightButton;
    }

    public TextView getTextview(){
        return textview;
    }
}

在这要注意一步，之前也忘记了 ，自定义获取资源的对象，在使用完毕后要释放掉 typedArray.recycle();

 

 

第四步：在xml布局文件中添加自定义控件和自定义属性

<com.kallaite.rxjavademo.customcontrols.CustomActionBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    qiao:title_background_color="#ff0000"
    qiao:left_button_visible="true"
    qiao:right_button_visible="true"
    android:id="@+id/title1"
    qiao:title_text="标题1"
    　qiao:title_text_color="#000"
    　qiao:right_button_text="右按钮"
    　qiao:right_button_text_color="#ff4"
    　qiao:left_button_drawable="@drawable/ic_launcher"
    />

第五步：找到控件，做一些点击操作，界面设置：

LinearLayout customActionBar =  (LinearLayout) findViewById(R.id.custom_ActionBar);
CustomActionBar title1 = (CustomActionBar) customActionBar.findViewById(R.id.title1);
title1.getLeftButton().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Log.d(TAG,"标题1左按钮点击事件");
    }
});
title1.getRightButton().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Log.d(TAG,"标题1右按钮点击事件");
    }
});

这样就OK了，直接放到项目里就可以直接使用了，效果如图；