Android通用标题栏组合控件

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

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

 

一、主要功能

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

二、基本使用方式

  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.         />  

三、基本属性介绍

属性名 属性说明 属性值
titleBarBackground 标题栏背景色 color,reference,默认为white
leftImage 左边图片 reference
leftImageVisiable 左边图片是否可见 boolean,默认为true,显示控件
leftText 左边文案 string,reference
leftTextVisibale 左边文案是否可见 boolean,默认为true,显示控件
leftTextFontSize 左边文案字体大小 dimension,reference,默认为16sp
leftTextColor 左边文案字体颜色 color,reference
midText 中间文案 string,reference
midTextVisiable 中间文案是否可见 boolean,默认为true,显示控件
midTextFontSize 中间文案字体大小 dimension,reference,默认为18sp
midTextFontColor 中间文案字体颜色 color,reference
rightText 右边文案 color,reference
rightTextVisible 右边文案是否可见 boolean,默认为true,显示控件
rightTextFontSize 右边文案字体大小 dimension,reference,默认为16sp
rightTextColor 右边文案字体颜色 color,reference
rightImage 右边图片 reference
rightImageVisible 右边图片是否可见 boolean,默认为true,显示控件

四、组合控件类   

    

  

 

  

 

 

  

 

五、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.         });  
责任编辑:庞桂玉 来源: 安卓巴士Android开发者门户
相关推荐

2011-02-22 14:53:41

titlebar标题栏Android

2011-05-04 10:40:02

网页加载进度标题栏lephone

2017-05-03 16:30:38

AndroidScrollView滚动视图

2015-08-14 17:47:35

Windows 10标题栏

2009-11-03 18:05:00

VB.NET窗体标题栏

2023-06-26 07:21:41

标题栏鼠标标题

2022-02-13 19:05:19

微软Windows 11

2013-12-19 14:16:46

Android ApiAndroid开发Android SDK

2021-04-23 15:20:54

微软浏览器Windows

2021-09-01 13:53:19

WindowsAcrylic标题栏

2022-02-21 08:31:58

Windows 11微软云母视觉

2021-03-14 10:32:23

微软Edge浏览器

2010-08-05 14:01:19

评测Android开发iPhone开发

2023-05-17 14:59:08

Windows 11Chrome 浏览

2012-12-27 15:29:33

Android开发Activity

2021-06-03 05:08:19

Edge微软浏览器

2023-05-17 10:14:37

谷歌Chrome浏览器

2010-08-04 15:01:07

Flex Panel控

2022-02-15 09:04:02

Windows 11系统Dev 开发

2021-05-31 10:36:38

EdgeWindows标签
点赞
收藏

51CTO技术栈公众号