Compose UI 之 Medium&Large TopAppBar

已于 2024-03-08 16:08:47 修改
阅读量256 收藏 1
点赞数
分类专栏： Android Jetpack Compose 组件篇 文章标签： Android Compose UI
于 2024-03-08 15:23:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sz_chrome/article/details/136562863
版权
本文详细介绍了Android Compose中的MediumTopAppBar和LargeTopAppBar，包括它们的特点、使用场景、动画效果和参数设置。MediumTopAppBar提供适中的高度和灵活布局，适合需要显示更多内容的应用；LargeTopAppBar则具有更大的空间，适用于强调标题和丰富内容的场景。两者都支持自定义布局和动画效果，能根据设备自动调整布局。
摘要由CSDN通过智能技术生成

Medium&Large TopAppBar

前面文章介绍了 Small 类型的 TopAppBar：TopAppBar CenterAlignedTopAppBar 。下来介绍 Medium 和 Large 类型的 TopAppBar：MediumTopAppBar LargeTopAppBar 。

MediumTopAppBar

上面介绍了Small 类型的 TopAppBar (TopAppBar CenterAlignedTopAppBar)，这里再介绍一个 MediumTopAppBar。

MediumTopAppBar的特点

  • 适中的高度：MediumTopAppBar 相较于传统的 TopAppBar 拥有适中的高度，这既保证了足够的空间来展示应用标题、图标和其他关键信息，又避免了因过高而占用过多屏幕空间的问题。

  • 灵活的布局：MediumTopAppBar</

了解本专栏 订阅专栏 解锁全文 超级会员免费看
VoidHope
关注
专栏目录
订阅专栏
Compose UI 之 Small TopAppBar
VoidHope的博客
03-06 258
AppBar 主要由2类，顶部 AppBar和底部 AppBar。顶部 AppBar 包含了 4 中类型：TopAppBar下面会逐个介绍 AppBar 的类型及给出示例。
在 Jetpack Compose 中使用 TopAppBar
江小白的博客
07-10 603
Jetpack Compose 是一个现代化的、声明式的 UI 工具包，它使我们能够更方便地构建 Android 的用户界面。在本篇文章中，我们将介绍如何在 Jetpack Compose 中使用TopAppBar来创建顶部应用栏。TopAppBar是一个在屏幕顶部的应用栏，提供了在 Material Design 风格的应用中实现导航和执行操作的一种方式。在TopAppBar中，我们通常会放置一个导航图标（比如 "汉堡" 菜单图标），标题，以及一些操作按钮。
Jetpack Compose Scaffold和TopAppBar(顶部导航)
ScottePerk的博客
06-10 1620
Jetpack Compose Scaffold 实现TopAppBar 顶部导航
Jetpack：011-Jetpack中标题栏
talk_8的专栏
10-17 220
本章回中主要介绍了标题栏的概念和内容，以及它的实现函数，我们通过文本结合代码的方式进行了介绍，最后对文中的内容做了总结。
安卓（Android） 自定义控件 导航栏（TopBar）
haoxl1994的博客
08-07 4224
作为一只安卓自学的小白，今天第一天发表微博还是有点小激动的，好了，废话少说下面开始我的安卓自定义控件知识总结。我的demo是一个自定义的TopBar,左边一个Button按钮，中间是一个标题，右边也是一个Button按钮。在安卓开发中自定义控件的技术是一个项目中不可缺少的一部分，下面我就用我的小demo一步步详细介绍，麻雀虽小五脏俱全，相信看完这篇文章对自定义控件肯定会有一个很好的掌握。首先来看一下
Compose Material 3 稳定版现已发布 | 2022 Android 开发者峰会
Android开发者
11-21 2930
作者 /Android 开发技术推广工程师 Gurupreet Singh首个稳定版 Compose Material 3 现已发布。借助此内容库，您可以使用 Material Design 3 (新一代 Material Design) 构建 Jetpack Compose 界面。立即开始在应用中使用 Material Design 3 吧！Compose Material 3https://...
Android Compose UI实战练手----Google Bloom欢迎页
知识应该共享，创造才应收费
06-16 1219
在之前的博客中，我已经介绍了Compose 的基础UI和布局组件，现在我们就利用这些基础UI和布局组件去做一个实战项目。Bloom是Google提供的一个假想产品，我们可以作为练手项目使用，这个产品的详细UI设计稿大家可以自行去百度下，个人决定这里主要是熟练去使用Compose UI，不必要纠结设计稿，文末我会贴出项目的github地址，供读者参考。
Android Compose 新闻App（三）网络数据Compose UI显示加载、Room和DataStore使用
晨曦
04-13 1564
Android 新闻App（三）UI显示前言正文一、样式二、Scaffold（脚手架）二、TopAppBar（顶部应用栏）① 属性值 前言   现在数据已经有了，现在主要就是Compose UI的设计。 正文   后面的内容涉及到样式布局组件，内容比较多。 一、样式 在这里我们先进行样式的配置，打开ui.theme文件夹。 首先是修改Color.kt文件 val Blue200 = Color(0xFF979FF2) val Blue300 = Color(0xFF6D7DEA) val Blue700 =
Jetpack Compose 更新一览 | 2022 Android 开发者峰会
Android开发者
11-23 429
作者 /Android 开发者关系工程师 Jolanda Verhoef去年我们发布了 Jetpack Compose，此后一直在进行优化。我们已添加了新的功能并创造出功能更强大的工具，帮助您获得更高效、更直观、更有趣的 Android 界面开发体验。如果您正在开发一款新应用，那现在是时候用 Compose 来编写了！这一激动人心的 Compose 版本现可支持 Material Design ...
告别XML，使用Compose Theme为你的app轻松换皮
QY'UniverseSpace的博客
03-17 464
1. Compose挑战赛第三周 关注过我前面文章的朋友应该对最近举行的Compose挑战赛有所了解，本周挑战赛进入到第三轮。#AndroidDevChallenge Week 3 与前两轮规则不同，本轮主要是比拼速度。只有第一个按要求完成并提交的人能胜出，奖品是Pixel 5手机一台。题目要求基于Compose完成以下三个页面，Google会提供完成页面必须的一些资源以及视觉设计稿。 题目本身难度不高，主要是拼手速。自从结婚后老夫的手速退化严重，top1出线就不指望了，但本着重在参与的精神仍然坚持完成
Jetpack Compose 初体验（上）
m0_70082867的博客
04-29 340
Image 的其中一个构造函数支持以下参数，其中 painter 参数和 contentDescription 参数没有默认值，为必传参数。 这样，图片就被构造出来啦，看一下效果： 那怎么该对图片进行一些约束呢？作为一个头图，我不希望它这么哗众取宠，做图片要低调一点。 在上面，我们认识了 Modifier，那就寻求它的帮助，让我们的图片小一些吧。 Image( painter = painterResource(id = R.drawable.hello_world_new_black), conten
Jetpack Compose——TopAppBar（顶部应用程序栏）、BottomAppBar（底部应用程序栏）
lplj717的博客
12-21 3631
该博客基于：compose_version = '1.1.0-beta01' TopAppBar：位于屏幕的顶部。一般包含标题，导航图标和其他的更多操作等BottomAppBar：位于屏幕的底部，一般显示导航和按键操作 TopAppBar 首先看看TopAppBar的参数：有两种参数类型 TopAppBar( modifier: Modifier = Modifier,//布局修饰 backgroundColor: Color = MaterialTheme.colors.prim
report ETL .ffff
09-17
report ETL .ffff
基于ssm的共享充电宝管理系统设计与实现.docx
09-17
基于ssm的共享充电宝管理系统设计与实现.docx
操作系统大作业_Linux_命令行_OSWork.zip
最新发布
09-17
操作系统大作业_Linux_命令行_OSWork
Java项目-基于SSM+Jsp的社区管理与服务系统的设计与实现（源码+数据库脚本+部署视频+代码讲解视频+全套软件）
09-17
【基于SSM+Jsp的社区管理与服务系统的设计与实现】高分通过项目，已获导师指导。 本项目是一套基于SSM+Jsp的社区管理与服务系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含：项目源码、数据库脚本、开发说明文档、部署视频、代码讲解视频、全套软件等，该项目可以直接作为毕设使用。 项目都经过严格调试，确保可以运行！
吉他谱_Show Me How To Live - Audioslave.pdf
09-17
初级入门吉他谱 guitar tab
Linux系统初始化脚本，包括设置时区并同步时间、禁用selinux、关闭防火墙
09-17
Linux系统初始化脚本，包括设置时区并同步时间、禁用selinux、关闭防火墙、历史命令显示操作时_xiaopenglinux_shell02
docker compose ui
04-28
Docker Compose UI是一个基于Web的图形化界面，用于管理Docker Compose。Docker Compose是一种声明式语言，用于定义和运行多容器Docker应用程序。Docker Compose UI允许用户使用该语言轻松创建和管理多容器应用程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

VoidHope

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值