Android自定义标题栏

在绝大部分的APP开发中都会用到标题栏，而且同一个项目中的标题栏的长的也相差不大，考虑到复用性决定把标题栏自定义一个View，当然也可以在每个xml中重复的粘贴同样的标题栏布局的代码。
这里定义一个TitleLayout继承RelativeLayout，一般的标题栏在左边和右边都会有一个imageView中间是一个TextView，如果是其他情况可以把不需要的控件直接隐藏掉就行。

public class TitleLayout extends RelativeLayout {
    private Context context;
    private RelativeLayout relativeLayout;
    private ImageView leftImageView, rightImageView;
    private TextView titleTextView;
    private TitleOnClickListener titleOnClickListener;

    public TitleLayout(Context context) {
        super(context);
        this.context = context;
        initView();
    }

    public TitleLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        initView();
    }

    public TitleLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        initView();
    }
    //初始化view
    private void initView() {
        View view = LayoutInflater.from(context).inflate(R.layout.title_layout, null);
        leftImageView = (ImageView) view.findViewById(R.id.left_imageview);
        rightImageView = (ImageView) view.findViewById(R.id.right_imageview);
        titleTextView = (TextView) view.findViewById(R.id.title_textview);
        relativeLayout = (RelativeLayout) view.findViewById(R.id.titlelayout);
        this.addView(view);
    }
    //设置标题栏背景颜色
    public void setTitleBackgroundColor(int color) {
        relativeLayout.setBackgroundColor(color);
    }
    //设置标题
    public void setTitleMessage(String title) {
        titleTextView.setText(title);
    }
    //标题文字大小
    public void setTitleSize(float size) {
        titleTextView.setTextSize(size);
    }
    //设置左边图片
    public void setLeftImage(Drawable drawable) {
        leftImageView.setImageDrawable(drawable);
    }
    //设置右边图片
    public void setRightImage(Drawable drawable) {
        rightImageView.setImageDrawable(drawable);
    }
    //左边图片是否隐藏
    public void setLeftVisibility(int visibility) {
        leftImageView.setVisibility(visibility);
    }
    //右边图片是否隐藏
    public void setRightVisibility(int visibility) {
        rightImageView.setVisibility(visibility);
    }
    //标题文字是否隐藏
    public void setTitleVisibility(int visibility) {
        titleTextView.setVisibility(visibility);
    }
    //设置标题文字颜色
    public void setTitleColor(int color) {
        titleTextView.setTextColor(color);
    }
    //左边和右边imageview点击事件
    public void setListener(final TitleOnClickListener titleOnClickListener) {
        leftImageView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                titleOnClickListener.titleLeftOnClick();
            }
        });
        rightImageView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                titleOnClickListener.titleRightOnClick();
            }
        });
    }

}

定义一个接口来相应左边和右边imageView的点击事件，代码如下：

public interface TitleOnClickListener {
    void titleLeftOnClick();

    void titleRightOnClick();
}

接下来测试TitleLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.lzh.titlelayout.TitleLayout
        android:id="@+id/titlelayout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/DIMEN_TITLEHEIGHT">

    </com.example.lzh.titlelayout.TitleLayout>

</RelativeLayout>

public class MainActivity extends Activity {
    private TitleLayout titleLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        titleLayout = (TitleLayout) findViewById(R.id.titlelayout);
        titleLayout.setLeftImage(getResources().getDrawable(R.drawable.back));
        titleLayout.setRightImage(getResources().getDrawable(R.drawable.add));
        titleLayout.setTitleMessage("TitleLayout");
        titleLayout.setTitleSize(26);
        titleLayout.setTitleColor(getResources().getColor(R.color.white));
        titleLayout.setTitleBackgroundColor(getResources().getColor(R.color.bg_color));
        titleLayout.setListener(new TitleOnClickListener() {
            @Override
            public void titleLeftOnClick() {
                Toast.makeText(MainActivity.this, "点击了左边的图标", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void titleRightOnClick() {
                Toast.makeText(MainActivity.this, "点击了右边的图标", Toast.LENGTH_SHORT).show();
            }
        });
    }

效果图如下：

好了，这样一个简单的自定义标题栏就完成了！