Android通用标题栏组合控件

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

一、主要功能

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

二、基本使用方式

  
  


   
   
<com.example.android.customvView.CustomNavigatorBar 

   
   
 

   
   
        android:id="@+id/customView" 

   
   
 

   
   
        android:layout_width="match_parent" 

   
   
 

   
   
        android:layout_height="wrap_content" 

   
   
 

   
   
        app:leftImage="@drawable/leftarrow" 

   
   
 

   
   
        app:rightImage="@drawable/rightarrow" 

   
   
 

   
   
        app:leftImageVisiable="true" 

   
   
 

   
   
        app:rightImageVisible="true" 

   
   
 

   
   
        app:leftText="左边" 

   
   
 

   
   
        app:rightText="右边" 

   
   
 

   
   
        app:midText="标题" 

   
   
 

   
   
        app:midTextFontColor="#ffffff" 

   
   
 

   
   
        app:leftTextColor="#ffffff" 

   
   
 

   
   
        app:rightTextColor="@color/colorAccent" 

   
   
 

   
   
        app:titleBarBackground="@color/colorPrimary" 

   
   
 

   
   
        app:midTextFontSize="18px" 

   
   
 

   
   
        app:leftTextVisibale="true" 

   
   
 

   
   
        app:rightTextVisible="true" 

   
   
 

   
   
        app:leftTextFontSize="16px" 

   
   
 

   
   
        app:rightTextFontSize="16px" 

   
   
 

   
   
        />  
  
  

三、基本属性介绍

四、组合控件类  

五、attrs.xml

  
  


   
   
<?xml version="1.0" encoding="utf-8" ?> 

   
   
 

   
   
<resources> 

   
   
 

   
   
    <declare-styleable name = "CustomNavigatorBar"> 

   
   
 

   
   
        <attr name="titleBarBackground" format="reference|color" /> 

   
   
 

   
   
        <attr name="leftImage" format="reference" /> 

   
   
 

   
   
        <attr name="leftImageVisiable" format="boolean" /> 

   
   
 

   
   
        <attr name="leftText" format="string|reference" /> 

   
   
 

   
   
        <attr name="leftTextVisibale" format="boolean" /> 

   
   
 

   
   
        <attr name="leftTextFontSize" format="dimension|reference" /> 

   
   
 

   
   
        <attr name="leftTextColor" format="color|reference" /> 

   
   
 

   
   
        <attr name="midText" format="string|reference" /> 

   
   
 

   
   
        <attr name="midTextVisiable" format="boolean" /> 

   
   
 

   
   
        <attr name="midTextFontSize" format="dimension|reference" /> 

   
   
 

   
   
        <attr name="midTextFontColor" format="color|reference" /> 

   
   
 

   
   
        <attr name="rightText" format="string|reference" /> 

   
   
 

   
   
        <attr name="rightTextVisible" format="boolean" /> 

   
   
 

   
   
        <attr name="rightTextFontSize" format="dimension|reference" /> 

   
   
 

   
   
        <attr name="rightTextColor" format="color|reference" /> 

   
   
 

   
   
        <attr name="rightImage" format="reference" /> 

   
   
 

   
   
        <attr name="rightImageVisible" format="boolean" /> 

   
   
 

   
   
    </declare-styleable> 

   
   
 

   
   
</resources>  
  
  

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

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

七、具体使用

  
  


   
   
 CustomNavigatorBar customNavigatorBar = (CustomNavigatorBar) findViewById(R.id.customView); 

   
   
        /** 

   
   
 

   
   
         * 第一种监听的具体实现 

   
   
 

   
   
         */ 

   
   
 

   
   
        customNavigatorBar.setLeftImageOnClickListener(new View.OnClickListener() { 

   
   
 

   
   
            @Override 

   
   
 

   
   
            public void onClick(View view) { 

   
   
 

   
   
                Toast.makeText(MainActivity.this,"left",Toast.LENGTH_SHORT).show(); 

   
   
 

   
   
            } 

   
   
 

   
   
        }); 

   
   
 

   
   
 

   
   
        /** 

   
   
 

   
   
         * 第二种监听的具体实现 

   
   
 

   
   
         */ 

   
   
 

   
   
        customNavigatorBar.addViewClickListener(new CustomNavigatorBar.OnCustomClickListener() { 

   
   
 

   
   
            @Override 

   
   
 

   
   
            public void onClickListener(View rootView) { 

   
   
 

   
   
                switch (rootView.getId()) { 

   
   
 

   
   
                    case R.id.right_image: 

   
   
 

   
   
                        Toast.makeText(MainActivity.this,"right_image is clicked",Toast.LENGTH_SHORT).show(); 

   
   
 

   
   
                        break ; 

   
   
 

   
   
                    case R.id.left_image: 

   
   
 

   
   
                        Toast.makeText(MainActivity.this,"left_image is clicked",Toast.LENGTH_SHORT).show(); 

   
   
 

   
   
                        break ; 

   
   
 

   
   
                } 

   
   
 

   
   
            } 

   
   
 

   
   
        });