自定义 TopBar

package com.weidingqiang.customchinacar.views.topbar;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.weidingqiang.customchinacar.R;
import com.weidingqiang.customchinacar.utils.MathTools;

/**
* Created by weidingqiang on 15/10/27.
* 通用标题组件
*/
/**
* 标题组件 由三个组件构成
* 左为 返回按钮固定
* 中间 标题或者图片
* 右边 文字或者按钮组件
*/
public class BaseTopBar extends RelativeLayout implements View.OnClickListener{

public static final String TAG = BaseTopBar.class.getSimpleName();

//中间是否显示文字
private Boolean isShowMiddleTextView;
//中间文字
private String middleText;
//中间图片
private Drawable middleImage;
//是否显示右边内容
private Boolean isShowRight;
//是否显示右边文字
private Boolean isShowRightTextView;
//右边文字
private String rightText;
//右边图片
private Drawable rightImage;
//左边图片
private Drawable leftImage;

//左边按钮
private ImageView backImageView;

//中间组件
private TextView middleTextView;
private ImageView middleImageView;

//右边组件
private TextView rightTextView;
private ImageView rightImageView;

//导航条的按钮接口
private TopbarImp topbarImp;

public void setTopbarImp(TopbarImp topbarImp) {
this.topbarImp = topbarImp;
}

public BaseTopBar(Context context, AttributeSet attrs) {
super(context, attrs);

TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.baseTopBar);
isShowMiddleTextView = typedArray.getBoolean(R.styleable.baseTopBar_isShowMiddleTextView,true);
middleText = typedArray.getString(R.styleable.baseTopBar_middleText);
middleImage = typedArray.getDrawable(R.styleable.baseTopBar_middleImage);
isShowRight = typedArray.getBoolean(R.styleable.baseTopBar_isShowRight,false);
isShowRightTextView = typedArray.getBoolean(R.styleable.baseTopBar_isShowRightTextView,false);
rightText =typedArray.getString(R.styleable.baseTopBar_rightText);
rightImage = typedArray.getDrawable(R.styleable.baseTopBar_rightImage);
leftImage = typedArray.getDrawable(R.styleable.baseTopBar_leftImage);
typedArray.recycle();

initView(context);
}

/**
* 初始化UI
*/
private void initView(Context context) {
//设置背景
this.setBackgroundColor(getResources().getColor(R.color.topbar_bg));

//left layout
backImageView = new ImageView(context);

LayoutParams leftlayout = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
leftlayout.addRule(RelativeLayout.CENTER_VERTICAL);
leftlayout.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
leftlayout.leftMargin = (int)getResources().getDimension(R.dimen.topbar_margin);
if(leftImage != null){
backImageView.setImageDrawable(leftImage);
}else
{
backImageView.setImageResource(R.drawable.left_arrow_back);
}

backImageView.setOnClickListener(this);
addView(backImageView, leftlayout);

//middle layout
LayoutParams middlelayout = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
middlelayout.addRule(RelativeLayout.CENTER_IN_PARENT,TRUE);
//如果 为 true 则显示文字  否则显示图片
if(isShowMiddleTextView){
middleTextView = new TextView(context);
middleTextView.setText(middleText);
middleTextView.setTextColor(getResources().getColor(R.color.whitesmoke));
middleTextView.setTextSize(TypedValue.COMPLEX_UNIT_PX,getResources().getDimension(R.dimen.topbar_middletext_size));
addView(middleTextView,middlelayout);
}else {
middleImageView = new ImageView(context);
middleImageView.setImageDrawable(middleImage);
addView(middleImageView,middlelayout);
}

//right layout
if(isShowRight){
LayoutParams rightlayoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
rightlayoutParams.addRule(RelativeLayout.CENTER_VERTICAL,TRUE);
rightlayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,TRUE);
rightlayoutParams.rightMargin = (int)getResources().getDimension(R.dimen.topbar_margin);

if(isShowRightTextView){
rightTextView = new TextView(context);
rightTextView.setText(rightText);
rightTextView.setTextColor(getResources().getColor(R.color.whitesmoke));
rightTextView.setTextSize(TypedValue.COMPLEX_UNIT_PX,getResources().getDimension(R.dimen.topbar_middletext_size));

rightTextView.setOnClickListener(this);
addView(rightTextView, rightlayoutParams);
}else {
rightImageView = new ImageView(context);
rightImageView.setImageDrawable(rightImage);
rightImageView.setOnClickListener(this);
addView(rightImageView, rightlayoutParams);
}
}
}

@Override
public void onClick(View v) {
if(v == backImageView){
topbarImp.back();
}
else {
topbarImp.rightClick();
}
}
}

<!--topbar 样式 -->
<declare-styleable name="baseTopBar">
<!--是否显示中间的TextView false 为显示imageview -->
<attr name="leftImage" format="reference"/>
<attr name="isShowMiddleTextView" format="boolean" />
<attr name="middleText" format="string"/>
<attr name="middleImage" format="reference"/>
<attr name="isShowRight" format="boolean"/>
<attr name="isShowRightTextView" format="boolean"/>
<attr name="rightText" format="string"/>
<attr name="rightImage" format="reference"/>
</declare-styleable>