由于项目中经常用到此种组合控件,就封装了下，具体效果看下图，老司机可以绕道哈!  

一、主要功能

• 支持左右图标动态设置
• 支持左右、中间文字动态修改
• 支持字体大小、颜色修改
• 支持左右图标，左中右文字隐藏显示
• 支持左右图标和文案的点击监听

二、基本使用方式

1. <com.example.android.customvView.CustomNavigatorBar 
2.  
3.         android:id="@+id/customView" 
4.  
5.         android:layout_width="match_parent" 
6.  
7.         android:layout_height="wrap_content" 
8.  
9.         app:leftImage="@drawable/leftarrow" 
10.  
11.         app:rightImage="@drawable/rightarrow" 
12.  
13.         app:leftImageVisiable="true" 
14.  
15.         app:rightImageVisible="true" 
16.  
17.         app:leftText="左边" 
18.  
19.         app:rightText="右边" 
20.  
21.         app:midText="标题" 
22.  
23.         app:midTextFontColor="#ffffff" 
24.  
25.         app:leftTextColor="#ffffff" 
26.  
27.         app:rightTextColor="@color/colorAccent" 
28.  
29.         app:titleBarBackground="@color/colorPrimary" 
30.  
31.         app:midTextFontSize="18px" 
32.  
33.         app:leftTextVisibale="true" 
34.  
35.         app:rightTextVisible="true" 
36.  
37.         app:leftTextFontSize="16px" 
38.  
39.         app:rightTextFontSize="16px" 
40.  
41.         />  

三、基本属性介绍

四、组合控件类  

五、attrs.xml

1. <?xml version="1.0" encoding="utf-8" ?> 
2.  
3. <resources> 
4.  
5.     <declare-styleable name = "CustomNavigatorBar"> 
6.  
7.         <attr name="titleBarBackground" format="reference|color" /> 
8.  
9.         <attr name="leftImage" format="reference" /> 
10.  
11.         <attr name="leftImageVisiable" format="boolean" /> 
12.  
13.         <attr name="leftText" format="string|reference" /> 
14.  
15.         <attr name="leftTextVisibale" format="boolean" /> 
16.  
17.         <attr name="leftTextFontSize" format="dimension|reference" /> 
18.  
19.         <attr name="leftTextColor" format="color|reference" /> 
20.  
21.         <attr name="midText" format="string|reference" /> 
22.  
23.         <attr name="midTextVisiable" format="boolean" /> 
24.  
25.         <attr name="midTextFontSize" format="dimension|reference" /> 
26.  
27.         <attr name="midTextFontColor" format="color|reference" /> 
28.  
29.         <attr name="rightText" format="string|reference" /> 
30.  
31.         <attr name="rightTextVisible" format="boolean" /> 
32.  
33.         <attr name="rightTextFontSize" format="dimension|reference" /> 
34.  
35.         <attr name="rightTextColor" format="color|reference" /> 
36.  
37.         <attr name="rightImage" format="reference" /> 
38.  
39.         <attr name="rightImageVisible" format="boolean" /> 
40.  
41.     </declare-styleable> 
42.  
43. </resources>  

六、组合控件布局(custom_title_bar.xml)

为什么使用merge，因为组合控件已经extends RelativeLayout，如果根布局还是用viewGroup的话，会使布局重复嵌套，影响View的绘制性能;

七、具体使用

1.  CustomNavigatorBar customNavigatorBar = (CustomNavigatorBar) findViewById(R.id.customView); 
2.         /** 
3.  
4.          * 第一种监听的具体实现 
5.  
6.          */ 
7.  
8.         customNavigatorBar.setLeftImageOnClickListener(new View.OnClickListener() { 
9.  
10.             @Override 
11.  
12.             public void onClick(View view) { 
13.  
14.                 Toast.makeText(MainActivity.this,"left",Toast.LENGTH_SHORT).show(); 
15.  
16.             } 
17.  
18.         }); 
19.  
20.  
21.         /** 
22.  
23.          * 第二种监听的具体实现 
24.  
25.          */ 
26.  
27.         customNavigatorBar.addViewClickListener(new CustomNavigatorBar.OnCustomClickListener() { 
28.  
29.             @Override 
30.  
31.             public void onClickListener(View rootView) { 
32.  
33.                 switch (rootView.getId()) { 
34.  
35.                     case R.id.right_image: 
36.  
37.                         Toast.makeText(MainActivity.this,"right_image is clicked",Toast.LENGTH_SHORT).show(); 
38.  
39.                         break ; 
40.  
41.                     case R.id.left_image: 
42.  
43.                         Toast.makeText(MainActivity.this,"left_image is clicked",Toast.LENGTH_SHORT).show(); 
44.  
45.                         break ; 
46.  
47.                 } 
48.  
49.             } 
50.  
51.         });