自定义控件系列之应用篇——自定义标题栏控件

　　通过之前的应用练习其实我们已经对自定义控件有了一定的掌握(查看自定义控件系列其余文章：基础篇、应用篇之圆形进度条），但还是要不断做一些应用锻炼思维和熟练度，接下来我们再运用自定义控件编写一个新闻列表的标题栏，该标题栏控件有三种样式，效果如图所示：

　　样式1：

　　样式2：

　　样式3：

　　并且标题文字、左右图标可自由变换。实现步骤如下：

1、编写自定义组件HeaderView扩展LinearLayout

public class HeaderView extends LinearLayout {private LayoutInflater mInflater;  private View mHeader;  private LinearLayout mLayoutLeftContainer;//HeaderView控件左侧容器  private LinearLayout mLayoutRightContainer;//HeaderView控件右侧容器  private TextView mTitle;//标题  private LinearLayout mLayoutRightImageButtonLayout;//右侧按钮布局  private ImageButton mRightImageButton;//右侧按钮//右侧按钮监听接口  private onRightImageButtonClickListener mRightImageButtonClickListener;//左侧按钮布局  private LinearLayout mLayoutLeftImageButtonLayout;//左侧按钮  private ImageButton mLeftImageButton;//左侧按钮监听接口  private onLeftImageButtonClickListener mLeftImageButtonClickListener;  public enum HeaderStyle {// 头部整体样式    DEFAULT_TITLE,TITLE_LIFT_IMAGEBUTTON,TITLE_RIGHT_IMAGEBUTTON, TITLE_DOUBLE_IMAGEBUTTON;  }  public HeaderLayout(Context context) {    super(context);    init(context);  }  public HeaderLayout(Context context, AttributeSet attrs) {    super(context, attrs);    init(context);  }//实现初始化，加载布局文件  public void init(Context context) {    mInflater = LayoutInflater.from(context);    mHeader = mInflater.inflate(R.layout.common_headerbar, null);    addView(mHeader);    initViews();  }//初始化控件public void initViews(){mLayoutLeftContainer = (LinearLayout) findViewByHeaderId(R.id.header_layout_leftview_container);mLayoutRightContainer=(LinearLayout)findViewByHeaderId(R.id.header_layout_rightview_container);mHtvSubTitle = (TextView) findViewByHeaderId(R.id.header_htv_subtitle);  }public View findViewByHeaderId(int id) {    return mHeader.findViewById(id);  }      //设置控件样式public void initStyle(HeaderStyle hStyle) {    switch (hStyle) {    case DEFAULT_TITLE:      defaultTitle();      break;    case TITLE_LIFT_IMAGEBUTTON:      defaultTitle();      titleLeftImageButton();      break;    case TITLE_RIGHT_IMAGEBUTTON:      defaultTitle();      titleRightImageButton();      break;    case TITLE_DOUBLE_IMAGEBUTTON:      defaultTitle();      titleLeftImageButton();      titleRightImageButton();      break;    }  }  // 默认文字标题  private void defaultTitle() {    mLayoutLeftContainer.removeAllViews();    mLayoutRightContainer.removeAllViews();  }  // 左侧自定义按钮     private void titleLeftImageButton() {      View mleftImageButtonView=          mInflater.inflate(R.layout.include_header_imagebutton, null);mLayoutLeftContainer.addView(mleftImageButtonView);mLayoutLeftImageButtonLayout =(LinearLayout)mleftImageButtonView.findViewById(R.id.header_layout_imagebuttonlayout);mLeftImageButton =(ImageButton)mleftImageButtonView.findViewById(R.id.header_ib_imagebutton);mLayoutLeftImageButtonLayout.setOnClickListener(new OnClickListener() {      @Override  public void onClick(View arg0) {    if (mLeftImageButtonClickListener != null) {    //回调方法，调用onLeftImageButtonClickListener接口实现类的方法        mLeftImageButtonClickListener.onClick();      }    }  });}  // 右侧自定义按钮private void titleRightImageButton() {View mRightImageButtonView = mInflater.inflate(R.layout.include_header_imagebutton, null);mLayoutRightContainer.addView(mRightImageButtonView);mLayoutRightImageButtonLayout = (LinearLayout)mRightImageButtonView.findViewById(R.id.header_layout_imagebuttonlayout);       mRightImageButton = (ImageButton)mRightImageButtonView.findViewById(R.id.header_ib_imagebutton);mLayoutRightImageButtonLayout.setOnClickListener(new OnClickListener() {      @Overridepublic void onClick(View arg0) {        if (mRightImageButtonClickListener != null) {//回调方法，调用onRightImageButtonClickListener接口实现类的方法          mRightImageButtonClickListener.onClick();        }}  });  }    public void setDefaultTitle(CharSequence title) {    if (title != null) {      mHtvSubTitle.setText(title);    } else {      mHtvSubTitle.setVisibility(View.GONE);    }  }//重要目的是设置右侧按钮侦听接的实现类，还包括了标题文本、按钮图片  public void setTitleAndRightImageButton(CharSequence title, int id,      onRightImageButtonClickListener onRightImageButtonClickListener) {    setDefaultTitle(title);    if (mRightImageButton != null && id > 0) {      mRightImageButton.setImageResource(id);    setOnRightImageButtonClickListener(onRightImageButtonClickListener);    }  }//重要目的是左侧按钮设置侦听接的实现类还包，括了标题文本、按钮图片  public void setTitleAndLeftImageButton(CharSequence title, int id,      onLeftImageButtonClickListener listener) {    setDefaultTitle(title);    if (mLeftImageButton != null && id > 0) {      mLeftImageButton.setImageResource(id);      setOnLeftImageButtonClickListener(listener);    }  }    public void setOnRightImageButtonClickListener(      onRightImageButtonClickListener listener) {    mRightImageButtonClickListener = listener;  }  //设置右侧按钮监听接口  public interface onRightImageButtonClickListener {    void onClick();  }    public void setOnLeftImageButtonClickListener(      onLeftImageButtonClickListener listener) {    mLeftImageButtonClickListener = listener;  }  //设置左侧按钮监听接口  public interface onLeftImageButtonClickListener {    void onClick();  }}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：自定义控件系列之应用篇——自定义标题栏控件

关键词：