自定义组合控件

Android开发在保证性能的前提下，UI必须要酷酷的可以为你的应用加分不少，自定义View的方法中组合控件是经常会用到的，所谓自定义都是有套路。

下面以创建常见的TitleBar为例讲一下实现流程~

先上效果图（很简单）：

shortcut.jpg

步骤：

• 第一步：自定义布局

• 第二步：声明自定义属性

如果对自定义属性不熟悉可参考《手摸手教你自定义UI之__自定义控件属性》

• 第三步：代码逻辑实现

package com.dailymanager.smartarvin.view;
 
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
import android.widget.TextView;
 
import com.dailymanager.smartarvin.dailymanager.R;
 
/**
 * Todo：自定义TitleBar组合控件
 * Author：Arvin
 * Date：2016/11/12 22:38
 * Email：[email protected]
 */
 
public class TitleBarView extends RelativeLayout {
 
    private Context mContext ;
    private OnMenuClickListener mMenuClickListener ;
 
    private int titleResId ;
    private int leftMenuSrcId ;
    private int rightMenuSrcId ;
    private boolean leftMenuVisible = true ;
    private boolean rightMenuVisible = true;
 
    private ImageButton leftMenu ;
    private TextView title ;
    private ImageButton rightMenu ;
 
    public TitleBarView(Context context) {
        this(context , null);
    }
 
    public TitleBarView(Context context , AttributeSet attrs) {
        super(context , attrs );
        mContext = context ;
        findViews();
        initDefaultStyle(context , attrs);
    }
 
 
    private void findViews() {
        LayoutInflater.from(mContext).inflate(R.layout.view_titlebar, this, true);
        leftMenu = (ImageButton) findViewById(R.id.titleBar_leftMenu);
        title = (TextView) findViewById(R.id.titleBar_title);
        rightMenu = (ImageButton) findViewById(R.id.titleBar_rightMenu);
 
        leftMenu.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mMenuClickListener != null) {
                    mMenuClickListener.onLeftMenuClick();
                }
            }
        });
 
        rightMenu.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mMenuClickListener != null) {
                    mMenuClickListener.onRightMenuClick();
                }
            }
        });
    }
 
    /**
    * 初始化原始属性
    * params: Context
    * return: void
    * throw: null
    */
    private void initDefaultStyle(Context context , AttributeSet attrs){
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TitleBarView);
        titleResId = a.getResourceId(R.styleable.TitleBarView_titleName , R.string.app_name);
        leftMenuSrcId = a.getResourceId(R.styleable.TitleBarView_leftMenuSrc , R.mipmap.ic_launcher);
        rightMenuSrcId = a.getResourceId(R.styleable.TitleBarView_rightMenuSrc , R.mipmap.ic_launcher);
        leftMenuVisible = a.getBoolean(R.styleable.TitleBarView_leftMenuVisible , true);
        rightMenuVisible = a.getBoolean(R.styleable.TitleBarView_rightMenuVisible , true);
        a.recycle();
 
        title.setText(titleResId);
        leftMenu.setBackgroundResource(leftMenuSrcId);
        rightMenu.setBackgroundResource(rightMenuSrcId);
        leftMenu.setVisibility(leftMenuVisible ? View.VISIBLE : View.GONE);
        rightMenu.setVisibility(rightMenuVisible ? View.VISIBLE : View.GONE);
    }
 
    public void setOnMenuClickListener(OnMenuClickListener mMenuClickListener) {
        this.mMenuClickListener = mMenuClickListener;
    }
 
    /**
      * 自定义监听器回调接口
      * params: null
      * return: null
      * throw: null 
      */
    public interface OnMenuClickListener {
        void onLeftMenuClick();
        void onRightMenuClick();
    }
}

• 第四步：控件使用
• XML中引用

• 代码中使用

private void findViews() { 
       mTitleBarView = (TitleBarView) findViewById(R.id.home_titleBar);   
       mTitleBarView.setOnMenuClickListener(new     
       TitleBarView.OnMenuClickListener() {
        @Override
        public void onLeftMenuClick() {  
          Toast.makeText(HomeActivity.this, "Left" , Toast.LENGTH_SHORT).show();        
        } 

       @Override
        public void onRightMenuClick() {
            Toast.makeText(HomeActivity.this, "Right" , Toast.LENGTH_SHORT).show();       
         }    
      });
}

自定义组合控件很简单，不用执行重复绘制view等复杂逻辑，对于应用中会多次重复使用的控件可以使用该方法。

谨以作为开发记录，如果有帮到您，记得点赞哦