Android中导航栏之自定义导航布局

Toolbar系列文章导航

Android中导航栏之Toolbar的使用

Android中导航栏之溢出菜单OverflowMenu

Android中导航栏之搜索框SearchView

Android中导航栏之自定义导航布局

Android中导航栏之标签导航暨TabLayout用法

之前我们说了Toolbar的各种用法，但此时我们就有小伙伴发出灵魂拷问了：太丑了，真的太丑了。哈？好吧，既然要求这么高，那么我们只能放大招了，开始自定义布局。其实很简单，就是在Toolbar的容器中加入我们自己的布局就可以了，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><androidx.appcompat.widget.Toolbarapp:contentInsetStartWithNavigation="0dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/tl_head"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="中间"android:layout_centerInParent="true"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="左边"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:text="右边"/></RelativeLayout></androidx.appcompat.widget.Toolbar>
</LinearLayout>

这样我们就在Toolbar中定义了三个文字。我们还可以定义如日期选择器等功能，或者定制我们自己的标题。也可以定义右侧的图标按钮等。

Android中导航栏之自定义导航布局相关推荐

uniapp模拟导航栏，自定义导航栏的使用
文章目录需求隐藏原生导航局部页面隐藏全局页面隐藏(一般用不到) 使用:页面结构与样式需求在做uniAPP的时候,官方的导航栏不满足设计页面的需求,需要自定义才可以实现,于是就把原生的导航栏 ...
DataGrid中页导航栏的自定义样式
我们可以利用DataGrid的ItemCreat()方法来实现DataGrid中页脚(Foot)和页导航栏的自定义样式.ItemCreat,顾名思义,就是在数据项创建时发生的事件,对于DataGrid ...
小程序导航穿透且自定义导航栏
需求实现小程序隐藏头部导航栏,且导航栏穿透无高度,并且要定义返回事件文章目录直接上图 index.wxml index.js index.wxss index.json 页面引用 json配置 ...
bootstrap实现导航栏的响应式布局，当在小屏幕、手机屏幕浏览时自动折叠隐藏
<!DOCTYPE html> <html> <head> <title>bootstrap实现导航栏的响应式布局,当在小屏幕.手机屏幕浏览时自动折叠隐 ...
uniapp 底部菜单_利用uni-app怎么对底部导航栏进行自定义
利用uni-app怎么对底部导航栏进行自定义发布时间:2020-12-14 15:15:03 来源:亿速云阅读:78 利用uni-app怎么对底部导航栏进行自定义?相信很多没有经验的人对此束手无策 ...
Axure中如何快速设计左边导航栏，侧导航栏和顶部导航栏等？
Axure中如何快速设计侧导航栏和顶部导航栏? 1.下载侧导航栏和顶部导航栏组件参考<蚂蚁金服 ant design 中下载axure 菜单组件库> 2.导入组件下载保存为AntDes ...
React Native 的顶部导航栏和底部导航栏目
说来也是惭愧,本来关于底部导航栏,我已经写过一篇博客,只不过那篇更偏向于入门一些,当时一实现功能之后就迫不及待的分享给大家了.地址在这儿:http://blog.csdn.net/LJFPHP/art ...
【CSS】课程网站横版导航栏 ( 横版导航栏测量及样式 | 代码示例 )
文章目录一.盒子测量及样式 1.总体盒子测量及样式 2.左侧盒子测量及样式 3.中间盒子测量及样式 4.右侧盒子测量及样式二.横版导航栏代码示例 1.HTML 标签结构 2.CSS 样式 3.显示 ...
【HTML+CSS】页内侧边导航栏页内导航
页内侧边导航栏页内导航源码 HTML部分 CSS部分效果源码 HTML部分 <!DOCTYPE html> <html><head><meta cha ...

Android中导航栏之自定义导航布局

Android中导航栏之自定义导航布局相关推荐

最新文章

热门文章