Android Studio开发之路(十四)自定义Titlebar以及设置顶部状态栏颜色

本文主要是介绍Android Studio开发之路(十四)自定义Titlebar以及设置顶部状态栏颜色,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、描述

项目需求,我要做一个下图这样的titlebar,包括一个返回按钮,一个关闭按钮,一个文本框。默认的titlebar按钮设计不太满足我的需求,于是我打算自定义一个titlebar组件,应用到我的每一个页面

这里是引用

二、titlebar组件设计

在res/layout下创建一个mytitlebar.xml
设计:

  1. 由于两个按钮要靠左,而文本框要居中,于是我定义了两个linearLayout布局,一个设置靠左android:gravity=“left”,用于放两个按钮;另一个设置居中android:gravity=“center”,用于放文本框。 然后将这两个布局放到FrameLayout布局,这样它们就会上下叠在一起。
  2. 考虑到这个组件要放在页面上方,但是页面上方通常还有个显示时间电量等信息的状态栏,那么就可能出现mytitlebar被状态栏盖住,或者mytitlebar太靠下的情况。于是我添加了一个用于隔开状态栏的textview, 这样我可以在oncreate()函数中计算一下状态栏的高度,然后设置textview的高度=状态栏高度,这样将mytitlebar紧贴上边框就可以刚好把tilebar里边的信息显示出来。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:gravity="center"><!--用于隔开状态栏--><TextViewandroid:id="@+id/text_free"android:layout_width="match_parent"android:layout_height="wrap_content"android:backgroundTint="@color/white"/><!--真正的titlebar栏--><FrameLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/white"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="40dp"android:orientation="vertical"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:textColor="@color/black"android:textSize="16sp"android:id="@+id/titleText"/></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/transparent"android:orientation="horizontal"><ImageButtonandroid:layout_width="50dp"android:layout_height="40dp"android:id="@+id/backBtn"android:src="@drawable/back"android:background="@null"android:layout_marginLeft="10dp"android:onClick="ongoback"/><ImageButtonandroid:layout_width="20dp"android:layout_height="20dp"android:layout_gravity="center"android:id="@+id/closeBtn"android:src="@drawable/close2"android:background="@android:color/transparent"android:layout_marginLeft="10dp"android:onClick="oncloseClicked"/></LinearLayout></FrameLayout></LinearLayout>

三、使用方法

  1. 首先,在要添加titlebar的activity的布局文件中添加以下语句,表示该布局中包含了titlebar, 一般放到布局开头就可以
 <includeandroid:id="@+id/include"layout="@layout/mytitlebar"></include>

这里是引用

  1. 然后,在activity的java类文件中的oncreate()函数内设置:
protected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tips);getWindow().setStatusBarColor(getResources().getColor(R.color.white));//设置状态栏颜色getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);//实现状态栏图标和文字颜色为暗色//获取状态栏的高度int statusBarHeight = 0;int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");if (resourceId > 0) {statusBarHeight = getResources().getDimensionPixelSize(resourceId);}//设置文本框的高度为状态栏的高度,防止标题栏被状态栏覆盖TextView text_free=(TextView)findViewById(R.id.text_free);text_free.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,statusBarHeight));//titlebarTextView titleText=(TextView)findViewById(R.id.titleText);titleText.setText("拍照技巧");titleText.setGravity(Gravity.CENTER);}

就可以了。

四、设置顶部状态栏颜色

由于我直接在res/Themes中设置主题为白色后,状态栏的文字也变成了白色,于是我手动设置状态栏的背景和文字颜色,设置方法参见上边一段代码。添加注释了。

这篇关于Android Studio开发之路(十四)自定义Titlebar以及设置顶部状态栏颜色的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1006820

相关文章

如何关闭 Mac 触发角功能或设置修饰键? mac电脑防止误触设置技巧

《如何关闭Mac触发角功能或设置修饰键?mac电脑防止误触设置技巧》从Windows换到iOS大半年来,触发角是我觉得值得吹爆的MacBook效率神器,成为一大说服理由,下面我们就来看看mac电... MAC 的「触发角」功能虽然提高了效率,但过于灵敏也让不少用户感到头疼。特别是在关键时刻,一不小心就可能触

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter(过滤器)类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter(过滤器)简介dubbo 过滤器运行时机自定义 filter第一种 @A

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题

grom设置全局日志实现执行并打印sql语句

《grom设置全局日志实现执行并打印sql语句》本文主要介绍了grom设置全局日志实现执行并打印sql语句,包括设置日志级别、实现自定义Logger接口以及如何使用GORM的默认logger,通过这些... 目录gorm中的自定义日志gorm中日志的其他操作日志级别Debug自定义 Loggergorm中的

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

前端 CSS 动态设置样式::class、:style 等技巧(推荐)

《前端CSS动态设置样式::class、:style等技巧(推荐)》:本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外,还可以结合计算属性来生成复杂的类名或样式对象,详细内容请阅读本文,希望能对你有所帮助...

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安