Android定制属于你自己的导航栏

在实际开发中，我们时常要用到上方的两个按钮,通俗的我们可以叫做导航,等等.还是先看今天需要要实现的一个最的效果:

其实实现这样的效果有多种方式，今天我要给大家要介绍的就是如何的去定制自己的控件，也就是自定义控件，自定义控件分为多种，有组合控件，有重写在原来已有的控件上做基础的修改，也有自己重写写一个类继承于View对象，这方面的知识在实际开发当中也会常碰到，当然像我们这种菜鸟在这方面也是最欠缺的一个知识点，我希望通过我的一些讲解或者分享能帮助到大家吧。今天我给大家讲的就是组合控件的自定义，在后续的博文中我也希望自己能发现更多的这种自定义控件的能力然后再与大家分享，同样如果大家有好的分享的东西也可以与我一起分享。就拿今天的一个效果如何去实现自定义控件，我会采用两种方式去实现，一种就是纯粹的代码方式实现，一种就是用LayoyutInfalter去实现。

先说XML方式的实现方式：

先定义一个XML布局文件：

[html] view plain copy print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="45dip"
5. android:background="@drawable/navigation_bg"
6. android:gravity="center_vertical"
7. android:orientation="horizontal">
9. <Button
10. android:id="@+id/btn_left"
11. android:layout_width="wrap_content"
12. android:layout_height="wrap_content"
13. android:layout_marginLeft="10.0dip"
14. android:background="@drawable/backbg"
15. android:text="返回"
16. android:textColor="@android:color/white"/>
18. <TextView
19. android:id="@+id/tv_title"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content"
22. android:layout_weight="1"
23. android:gravity="center"
24. android:singleLine="true"
25. android:text="标题"
26. android:textColor="@android:color/white"/>
28. <Button
29. android:id="@+id/btn_right"
30. android:layout_width="wrap_content"
31. android:layout_height="wrap_content"
32. android:layout_marginRight="10.0dip"
33. android:background="@drawable/buttonbg"
34. android:text="新增"
35. android:textColor="@android:color/white"/>
37. </LinearLayout>

然后我们再重新写一个类继承于LineaLayour。通过在构造方法中去加载这个布局文件，这样就能实现一个组合控件的定义了，这样的方式是不是特别简单。

[java] view plain copy print ?

1. publicclassUINavigationView2extendsLinearLayout{
3. privateButtonbtn_left;
4. privateButtonbtn_right;
5. privateTextViewtv_title;
7. publicUINavigationView2(Contextcontext){
8. super(context);
9. //TODOAuto-generatedconstructorstub
10. }
12. publicUINavigationView2(Contextcontext,AttributeSetattrs){
13. super(context,attrs);
15. LayoutInflaterlayoutInflater=(LayoutInflater)context
16. .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
17. layoutInflater.inflate(R.layout.title_bar,null);
18. btn_left=(Button)findViewById(R.id.btn_left);
19. btn_right=(Button)findViewById(R.id.btn_right);
20. tv_title=(Button)findViewById(R.id.tv_title);
22. }
24. publicvoidsetBtnLeftBacground(intresId){
26. if(btn_left!=null){
27. btn_left.setBackgroundResource(resId);
28. }
29. }
31. publicvoidsetBtnRightBacground(intresId){
32. if(btn_right!=null){
33. btn_right.setBackgroundResource(resId);
34. }
36. }
38. publicvoidsetTvTitle(intresId){
39. if(tv_title!=null){
40. tv_title.setText(resId);
41. }
42. }
44. publicButtongetBtn_left(){
45. returnbtn_left;
46. }
48. publicButtongetBtn_right(){
49. returnbtn_right;
50. }
52. publicTextViewgetTv_title(){
53. returntv_title;
54. }
56. }

接下来我们再按如果通过代码来定义控件，这里需要了解的一个知识点，如果我们需要在我们的自定义控件如果新添属于我们自己的属性呢？这里我就们就需要attr.xml文件中自己定义，关于这方面的知识大家可以参考这篇文章：http://huangbo-2020.iteye.com/blog/1477611

我们先看我们自己定义的控件定义新增的如下几个属性：

[html] view plain copy print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <resources>
4. <declare-styleablename="navigation">
5. <attrname="btn_leftText"format="string"/>
6. <attrname="btn_rightText"format="string"/>
7. <attrname="tv_title"format="string"/>
8. <attrname="left_drawable"format="reference"></attr>
9. <attrname="right_drawable"format="reference"></attr>
10. </declare-styleable>
12. </resources>

再看我们的自定义控件的代码中如何写的：

[java] view plain copy print ?

1. publicclassUINavigationViewextendsLinearLayout{
3. privateButtonbtn_left;
4. privateButtonbtn_right;
5. privateTextViewtv_title;
6. privateStringstrBtnLeft;
7. privateStringstrBtnRight;
8. privateStringstrTitle;
9. privateintleft_drawable;
10. privateintright_drawable;
12. publicUINavigationView(Contextcontext){
13. super(context);
14. initContent();
15. }
17. publicUINavigationView(Contextcontext,AttributeSetattrs){
18. super(context,attrs);
19. initAttributes(attrs);
20. initContent();
21. }
23. privatevoidinitAttributes(AttributeSetattributeSet){
25. if(null!=attributeSet){
27. finalintattrIds[]=newint[]{R.attr.btn_leftText,
28. R.attr.btn_rightText,R.attr.tv_title,
29. R.attr.left_drawable,R.attr.right_drawable};
31. Contextcontext=getContext();
33. TypedArrayarray=context.obtainStyledAttributes(attributeSet,
34. attrIds);
36. CharSequencet1=array.getText(0);
37. CharSequencet2=array.getText(1);
38. CharSequencet3=array.getText(2);
39. left_drawable=array.getResourceId(3,0);
40. right_drawable=array.getResourceId(4,0);
42. array.recycle();
44. if(null!=t1){
45. strBtnLeft=t1.toString();
46. }
47. if(null!=t2){
48. strBtnRight=t2.toString();
50. }
51. if(null!=t3){
52. strTitle=t3.toString();
53. }
55. Log.i("coder","t1="+t1);
56. Log.i("coder","t2="+t2);
57. Log.i("coder","t3="+t3);
58. Log.i("coder","left_res="+left_drawable);
59. }
61. }
63. privatevoidinitContent(){
65. Log.i("coder","-----initContent----");
66. //设置水平方向
67. setOrientation(HORIZONTAL);
69. setGravity(Gravity.CENTER_VERTICAL);
70. //设置背景
71. setBackgroundResource(R.drawable.navigation_bg);
73. Contextcontext=getContext();
75. btn_left=newButton(context);
76. btn_left.setVisibility(View.INVISIBLE);//设置设置不可见
77. if(left_drawable!=0){
78. btn_left.setBackgroundResource(left_drawable);
79. }else{
81. btn_left.setBackgroundResource(R.drawable.backbg);//设置背景
82. }
83. btn_left.setTextColor(Color.WHITE);//字体颜色
85. if(null!=strBtnLeft){
86. LayoutParamsbtnLeftParams=newLayoutParams(
87. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
88. btnLeftParams.setMargins(10,0,0,0);
89. btn_left.setLayoutParams(btnLeftParams);
90. btn_left.setText(strBtnLeft);
91. btn_left.setVisibility(View.VISIBLE);
92. }else{
93. btn_left.setLayoutParams(newLayoutParams(50,50));
94. }
96. //添加这个按钮
97. addView(btn_left);
99. //
100. tv_title=newTextView(context);
102. LayoutParamscenterParam=newLayoutParams(LayoutParams.FILL_PARENT,
103. LayoutParams.FILL_PARENT);
104. centerParam.weight=1;
105. tv_title.setLayoutParams(centerParam);
106. tv_title.setTextColor(Color.WHITE);
108. if(null!=strTitle){
109. tv_title.setText(strTitle);
110. }
112. tv_title.setGravity(Gravity.CENTER);
113. btn_left.setVisibility(View.VISIBLE);
114. //添加这个标题
115. addView(tv_title);
117. btn_right=newButton(context);
118. btn_right.setVisibility(View.INVISIBLE);//设置设置不可见
119. btn_right.setBackgroundResource(R.drawable.buttonbg);//设置背景
120. btn_right.setTextColor(Color.WHITE);//字体颜色
122. if(right_drawable!=0){
123. btn_right.setBackgroundResource(right_drawable);
124. }else{
126. btn_right.setBackgroundResource(R.drawable.backbg);//设置背景
127. }
128. if(null!=strBtnRight){
130. LayoutParamsbtnRightParams=newLayoutParams(
131. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
132. btnRightParams.setMargins(0,0,10,0);
133. btn_right.setLayoutParams(btnRightParams);
135. btn_right.setText(strBtnRight);
136. btn_right.setVisibility(View.VISIBLE);
137. }else{
138. btn_right.setLayoutParams(newLayoutParams(50,50));
139. }
141. //添加这个按钮
142. addView(btn_right);
144. }
146. publicButtongetBtn_left(){
147. returnbtn_left;
148. }
150. publicButtongetBtn_right(){
151. returnbtn_right;
152. }
154. publicTextViewgetTv_title(){
155. returntv_title;
156. }
158. publicStringgetStrBtnLeft(){
159. returnstrBtnLeft;
160. }
162. publicvoidsetStrBtnLeft(StringstrBtnLeft){
163. this.strBtnLeft=strBtnLeft;
164. }
166. publicStringgetStrBtnRight(){
167. returnstrBtnRight;
168. }
170. publicvoidsetStrBtnRight(StringstrBtnRight){
171. this.strBtnRight=strBtnRight;
172. }
174. publicStringgetStrTitle(){
175. returnstrTitle;
176. }
178. publicvoidsetStrTitle(StringstrTitle){
179. this.strTitle=strTitle;
180. }
182. publicintgetLeft_drawable(){
183. returnleft_drawable;
184. }
186. publicvoidsetLeft_drawable(intleft_drawable){
187. this.left_drawable=left_drawable;
188. }
190. publicintgetRight_drawable(){
191. returnright_drawable;
192. }
194. publicvoidsetRight_drawable(intright_drawable){
195. this.right_drawable=right_drawable;
196. }
198. }

如何去引用或者使用我们的那个新添加的属性呢？首先要引入那个命名空间[我这是引用C#使用自定义控件的说法,暂时也通俗的这样理解吧]:

xmlns:navigation="http://schemas.android.com/apk/res/com.jiahui.titlebar"

然后再使用我们自定义的属性:navigation:btn_rightText,navigation:btn_leftText等等.

[html] view plain copy print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:navigation="http://schemas.android.com/apk/res/com.jiahui.titlebar"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. android:orientation="vertical">
8. <com.jiahui.titlebar.UINavigationView
9. android:id="@+id/uinavigationView"
10. android:layout_width="fill_parent"
11. android:layout_height="45dip"
12. navigation:btn_leftText="@string/back"
13. navigation:btn_rightText="@string/done"
14. navigation:left_drawable="@drawable/backbg"
15. navigation:right_drawable="@drawable/buttonbg"
16. navigation:tv_title="MyApplication"/>
18. </LinearLayout>

好了,以上就是我要和大家分享的这点东西,有什么不懂的,可以看代码里的注释,代码基本上全贴上了,还有需要代码参考的可以留下方式.欢迎加入Android菜鸟联盟：252773976

如需转载引用请注明出处：http://blog.csdn.net/jiahui524