自定义View（五）通用标题栏

标题栏

我们在app中经常会见到如图的标题栏，这个标题栏的写起来十分简单，只需要一个相对布局，然后左边一个ImageView，中间一个TextView，然后设置一些文字和图片的属性以及点击事件，但我们开发一款app有几十上百个页面，试想如果每一个页面都需要写这么段代码，既要设置图片，又要设置文字以及大小和颜色，想想都麻烦，其实这几个控件完全可以通过自定义组合View来合成一个控件。在 自定义View（一）组合View中，我已经简单介绍了自定义组合View的基本方法，这次我们将需要的属性都以自定义属性的形式添加上，以后使用时就可以直接在xml布局文件中设置属性了。
我们首先看一下这个组合View的布局：

可以看到非常简单，然后我们创建一个类继承根布局，重写构造方法并把需要的控件找到：

public class CommonActionBar extends RelativeLayout {

private ImageView leftIv;
private TextView titleTv;
private OnLeftClickListener onLeftClickListener;

public CommonActionBar(Context context, AttributeSet attrs) {
    super(context, attrs);
    LayoutInflater.from(context).inflate(R.layout.layout_actionbar, this, true);
    leftIv = (ImageView) findViewById(R.id.left);
    titleTv = (TextView) findViewById(R.id.title);
}

既然要用到自定义属性，那就需要在values文件夹中新建attrs文件：

这里有我们需要的图片、字体颜色、字体大小和文字，需要注意的是declare-styleable的名字最好和自定义View的类名一样，否则在Android Studio中这些自定义的属性是提示不出来的。创建这些属性之后我们就需要在View中找到：

TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.CommonActionBar);
String title = typedArray.getString(R.styleable.CommonActionBar_title);
int titleSize = typedArray.getDimensionPixelOffset(R.styleable.CommonActionBar_titleSize, 54);
int titleColoe = typedArray.getColor(R.styleable.CommonActionBar_titleColor, getResources().getColor(android.R.color.black));
titleTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, titleSize);
titleTv.setTextColor(titleColoe);
titleTv.setText(title);
int leftDrawable = typedArray.getResourceId(R.styleable.CommonActionBar_leftDrawable, 0);
leftIv.setImageResource(leftDrawable);

接下来我们将自定义的控件放到xml布局文件中:

控件已经显示出来了，至于左边控件的点击事件可以参照自定义View（一）组合View的方法。