Android通用标题栏

每个App里面都少不了标题栏，我们一般怎么使用的呢？大部分都是在布局文件中去写布局，或者是使用ActionBar，ToolBar，有些时候，总是达不到我们的要求，因此我就和大家分享一下自己定制的一款万能的通用的标题栏,我们采用的是Builder设计模式，同时也是模仿系统Dialog的Builder设计模式来写的。

我们先看一下效果:

首先定义一个接口，用来规范：

1. public interface ITitleBar {
2. // 头部的规范
3. public int bindLayoutId();
4. // 绑定头部的参数
5. public void applyView();
6. }

而后标题栏的基类实现我们的接口：

1. private P mParams;
3. private View mTitleBarView;
5. public BaseTitleBar(P params) {
6. this.mParams = params;
7. createAndBindView();
8. }
10. /**
11. * 设置文本
12. * @param viewId
13. * @param text
14. */
15. protected void setText(int viewId, String text) {
16. TextView tv = findViewById(viewId);
17. if(!TextUtils.isEmpty(text)){
18. tv.setVisibility(View.VISIBLE);
19. tv.setText(text);
20. }
21. }
23. /**
24. * 标题栏颜色设置
25. * @param viewId
26. * @param titleBarColor
27. */
28. protected void setTitleBarColor(int viewId, int titleBarColor) {
29. RelativeLayout relativeLayout = findViewById(viewId);
30. if(titleBarColor!= 0){
31. relativeLayout.setBackgroundColor(mParams.mContext.getResources().getColor(titleBarColor));
32. }
33. }
35. /**
36. * 设置文字颜色
37. * @param viewId
38. * @param textColor
39. */
40. protected void setTextColor(int viewId, int textColor) {
41. TextView tv = findViewById(viewId);
42. if(textColor!= 0){
43. tv.setTextColor(mParams.mContext.getResources().getColor(textColor));
44. }
45. }
47. /**
48. * 设置icon
49. * @param viewId
50. * @param res
51. */
52. protected void setIcon(int viewId,int res){
53. ImageView iv = findViewById(viewId);
54. if (res!= 0){
55. iv.setVisibility(View.VISIBLE);
56. iv.setImageResource(res);
57. }
58. }
60. /**
61. * 设置点击
62. * @param viewId
63. * @param listener
64. */
65. protected void setOnClickListener(int viewId,View.OnClickListener listener){
66. findViewById(viewId).setOnClickListener(listener);
67. }
70. /**
71. * 绑定和创建View
72. */
73. private void createAndBindView() {
74. //创建View
75. if(mParams.mParent == null){
76. // 获取activity的根布局
77. ViewGroup activityRoot = (ViewGroup) ((Activity)(mParams.mContext))
78. .findViewById(android.R.id.content);
79. mParams.mParent = (ViewGroup) activityRoot.getChildAt( 0);
80. }
81. if(mParams.mParent == null){
82. return;
83. }
85. mTitleBarView = LayoutInflater.from(mParams.mContext).
86. inflate(bindLayoutId(), mParams.mParent, false);
87. //添加
88. mParams.mParent.addView(mTitleBarView, 0);
90. applyView();
91. }
93. public <T extends View> T findViewById(int viewId){
94. return (T)mTitleBarView.findViewById(viewId);
95. }
99. public P getParams() {
100. return mParams;
101. }
103. // Builder仿照系统写的dialo就是这样，参数Params
104. public abstract static class Builder {
106. public Builder(Context context, ViewGroup parent) {
108. }
110. public abstract BaseTitleBar builder();
112. public static class BaseTitleBarParams {
113. public Context mContext;
114. public ViewGroup mParent;
116. public BaseTitleBarParams(Context context, ViewGroup parent) {
117. this.mContext = context;
118. this.mParent = parent;
119. }
120. }
121. }

下面是我们的自己的标题栏

1. public CommonTitleBar(CommonTitleBar.Builder.CommonTitleBarParams params) {
2. super(params);
3. }
6. @Override
7. public int bindLayoutId() {
8. return R.layout.title_bar;
9. }
11. @Override
12. public void applyView() {
15. // 绑定效果
17. setTitleBarColor(R.id.title_bar, getParams().mTitleBarColor);
19. setText(R.id.left_tv, getParams().mLeftText);
20. setTextColor(R.id.left_tv, getParams().mLeftTextColor);
21. setIcon(R.id.left_icon, getParams().mLeftIconRes);
23. setText(R.id.title, getParams().mTitle);
24. setTextColor(R.id.title, getParams().mTitleColor);
25. setIcon(R.id.title_icon, getParams().mTitleIconRes);
28. setText(R.id.right_text, getParams().mRightText);
29. setTextColor(R.id.right_text, getParams().mRightTextColor);
30. setIcon(R.id.right_icon, getParams().mRightIconRes);
32. // 左边 要写一个默认的 finishActivity
33. setOnClickListener(R.id.left_icon, getParams().mLeftClickListener);
34. setOnClickListener(R.id.left_tv, getParams().mLeftClickListener);
36. setOnClickListener(R.id.title, getParams().mCenterClickListener);
37. setOnClickListener(R.id.title_icon, getParams().mCenterClickListener);
39. setOnClickListener(R.id.right_text, getParams().mRightClickListener);
40. setOnClickListener(R.id.right_icon, getParams().mRightClickListener);
42. }
44. public static class Builder extends BaseTitleBar.Builder {
46. CommonTitleBarParams P;
49. public Builder(Context context, ViewGroup parent) {
50. super(context, parent);
51. P = new CommonTitleBarParams(context, parent);
52. }
54. public Builder(Context context) {
55. super(context, null);
56. P = new CommonTitleBarParams(context, null);
57. }
59. @Override
60. public CommonTitleBar builder() {
61. CommonTitleBar commonTitleBar = new CommonTitleBar(P);
62. return commonTitleBar;
63. }
65. //设置所有效果
67. /**
68. * 标题栏颜色设置
69. * @param color
70. * @return
71. */
72. public CommonTitleBar. Builder setTitleBarColor(int color) {
73. P.mTitleBarColor = color;
74. return this;
75. }
77. /**
78. * 设置左边文字
79. *
80. * @param leftText
81. * @return
82. */
83. public CommonTitleBar. Builder setLeftText(String leftText) {
84. P.mLeftText = leftText;
85. return this;
86. }
88. /**
89. * 设置左边文字颜色
90. *
91. * @param color
92. * @return
93. */
94. public CommonTitleBar. Builder setLeftTextColor(int color) {
95. P.mLeftTextColor = color;
96. return this;
97. }
99. /**
100. * 设置左边的图片
101. */
102. public CommonTitleBar. Builder setLeftIcon(int leftIconRes) {
103. P.mLeftIconRes = leftIconRes;
104. return this;
105. }
107. /**
108. * 设置标题
109. *
110. * @param title
111. * @return
112. */
113. public CommonTitleBar. Builder setTitle(String title) {
114. P.mTitle = title;
115. return this;
116. }
118. /**
119. * 设置标题颜色
120. *
121. * @param color
122. * @return
123. */
124. public CommonTitleBar. Builder setTitleColor(int color) {
125. P.mTitleColor = color;
126. return this;
127. }
129. /**
130. * 设置中间的图标
131. *
132. * @param titleIconRes
133. * @return
134. */
135. public CommonTitleBar. Builder setTitleIcon(int titleIconRes) {
136. P.mTitleIconRes = titleIconRes;
137. return this;
138. }
140. /**
141. * 设置右边文字
142. *
143. * @param rightText
144. * @return
145. */
146. public CommonTitleBar. Builder setRightText(String rightText) {
147. P.mRightText = rightText;
148. return this;
149. }
151. /**
152. * 设置右边文字颜色
153. *
154. * @param color
155. * @return
156. */
157. public CommonTitleBar. Builder setRightTextColor(int color) {
158. P.mRightTextColor = color;
159. return this;
160. }
162. /**
163. * 设置右边的图片
164. */
165. public CommonTitleBar. Builder setRightIcon(int rightRes) {
166. P.mRightIconRes = rightRes;
167. return this;
168. }
170. /**
171. * 设置左边的点击事件
172. */
173. public CommonTitleBar. Builder
174. setLeftClickListener (View.OnClickListener leftListener) {
175. P.mLeftClickListener = leftListener;
176. return this;
177. }
179. /**
180. * 设置中间的点击事件
181. */
182. public CommonTitleBar. Builder setTitleClickListener(View.OnClickListener titleListener) {
183. P.mCenterClickListener = titleListener;
184. return this;
185. }
187. /**
188. * 设置右边的点击事件
189. */
190. public CommonTitleBar. Builder setRightClickListener(View.OnClickListener rightListener) {
191. P.mRightClickListener = rightListener;
192. return this;
193. }
197. public static class CommonTitleBarParams extends
198. BaseTitleBar. Builder. BaseTitleBarParams {
201. // 所有效果放置
202. public String mLeftText; //左边文字
203. public int mLeftTextColor; //左边文字颜色
204. public int mLeftIconRes; //左边图片
205. public int mTitleBarColor; //标题栏颜色
207. public String mTitle; //标题
208. public int mTitleColor; //标题颜色
209. public int mTitleIconRes; //标题图片
211. public String mRightText; //右边文字
212. public int mRightTextColor; //右边文字颜色
213. public int mRightIconRes; //右边图片
214. // 后面还有一些通用的
215. public View.OnClickListener mRightClickListener;
216. public View.OnClickListener mCenterClickListener;
218. public View.OnClickListener mLeftClickListener = new View.OnClickListener() {
219. @Override
220. public void onClick(View v) {
221. // 关闭当前Activity
222. ((Activity) mContext).finish();
223. }
224. };
226. public CommonTitleBarParams(Context context, ViewGroup parent) {
227. super(context, parent);
228. }
229. }
230. }

主要功能：

* CommonTitleBar使用，分别有左图标，左边文字
*                          中间标题 中间图标
*                          右边图标 右边文字
*                          不设置文字或者不设置图片资源 图表或者文字为gone
*                          左边图标默认设置了点击事件为关闭当前页面 根据需要进行处理

 

使用：

CommonTitleBar titleBar = new CommonTitleBar.Builder(this)
         .setTitleBarColor(R.color.blue)
        .setLeftText("左边标题")
        .setLeftTextColor(R.color.red)
        .setLeftIcon(R.drawable.iv_back_arrow_white)
        .setLeftClickListener(this)
        .setTitle("投稿")
        .setTitleColor(R.color.white)
        .setTitleIcon(R.drawable.iv_mine_on)
        .setTitleClickListener(this)
        .setRightText("分享")
        .setRightTextColor(R.color.colorAccent)
        .setRightIcon(R.drawable.iv_more_blue)
        .setRightClickListener(this)
        .builder();

无需在布局中去加载既可以用，附上github地址：点击打开链接