首页
学习
活动
专区
圈层
工具
发布

FAQ | 为大屏幕设备构建应用的常见问题解答

在导航优化方面,以往在对直板手机竖屏模式的部分导航组件进行优化时,导航组件几乎始终停靠在屏幕底部,在可折叠设备或更大的设备中情况就不同了,用户实际上大多数时间是用双手持握设备,这就意味着导航组件最好是放置在设备边缘和侧面...问: 对开发者而言,应该在平板电脑或可折叠设备上使用底部导航吗?...答: 从设计角度来讲,我们建议将底部导航组件更换为 Navigation Rail,它具有和底部导航组件类似的功能,内含多个主要的 导航目的地。...对于基于 View 的应用,您可以使用资源限定布局,通过底部导航——如底部应用栏 (App Bar) 或底部导航菜单 (Navigation Menu)——形成窄小的布局,也可以使用 Navigation...Jetpack Compose 是用于构建原生 Android 界面的工具包,可让您更轻松地设计和构建应用的界面,更快地打造更出色的应用。

4.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    安卓软件开发:使用Jetpack Compose实现高级NimNavBottomApp

    一、项目背景 展示 Jetpack Compose 如何简化 UI 的编码,如何使用 Material 3 提供的组件实现现代化的 Android 应用设计。...二、项目开发 2.1 介绍Badges UI组件 底部导航栏的每个菜单项展示图标和标签,还可以显示通知徽章。徽章可以提醒用户有未读的消息or待处理的任务。...特别是在处理 Badge、Scaffold 等 Material 3 组件时,我发现它们的高度定制化和易用性,极大减少了样式定制的时间成本。深刻体会到 Jetpack Compose 有未来。...五、总结 通过这个项目,展示了如何使用 Jetpack Compose 和 Material 3 实现一个带有高级功能的底部导航应用。...无论是徽章通知的处理,还是底部导航栏与页面内容的同步显示,Jetpack Compose 都提供了简洁高效的解决方案。 有任何问题欢迎提问,感谢大家阅读 )

    1.4K101

    可折叠设备、平板设备和大屏设备更新一览

    △ 在 Chrome OS 设备上使用 Android 应用的用户通常会配置实体键盘;应用应该支持标准的键盘导航和快捷键,以提供更全面的无障碍使用体验 组件更新 我们更新了 Jetpack 和 Material...NavRail 垂直导航栏 在功能上等同于底部导航,并在大屏幕上提供了更符合人体工程学的导航体验。当您扩展用户界面到大屏幕上时,使用 NavRail 会更利于手指点击,因为用户通常会握住大屏幕的两边。...而在手机上,用户则可能会握住设备的底部。 △ NavRail 会根据配置的变化自动改变导航菜单的位置 如果您的应用很强调垂直滚动,那使用 NavRail 就非常合适。...因为在这种情况下,使用底部导航栏会造成遮挡,从而减少可见内容的数量,特别是当平板设备横向使用时。 其他组件 我们还对其他多个组件进行了更新。...您应该使用 Window Manager Jetpack 库 作为向后兼容的替代方法。 独占资源 Android 10 提供了同时恢复多个应用的功能,并设有单一的 "顶层恢复" 应用。

    2.9K20

    谷歌大佬强势分享《Jetpack Compose 权威指南》,带你参透声明式UI的终极奥义!

    一 为什么要选择Compose? 声明式 UI 的大哥 Flutter 已经出道很久了,再学习 Compose 还有意义吗?Flutter 还是 Compose?...Android Jetpack 的支持 在 Compose 刚刚发布的时候,Android Jetpack 中的很多其他库都第一时间给予了 Compose 支持,从而丰富了 Compose 的开发生态。...通过 Scaffold,可以轻松集成很多 Material 组件,比如 Topbar、FloatingActionButton和BottomNavigationBar 等,这些都可以帮助我们节省出不少的时间...这份资料旨在给希望了解、学习、应用Android Jetpack Compose的小伙伴一个参考资料: 第一章 初识Jetpack Compoese 1. 为什么我们需要一个新的UI 工具? 2....用Jetpack Compose写一个玩安卓App 准备工作 引入依赖 新建 Activity 创建 Compose PlayTheme 画页面 底部导航栏 管理状态 添加页面 5.

    5.1K30

    谷歌官方组件Navigation你了解了吗?

    转载请注明出处 [https://www.jianshu.com/p/c4697590ec41] 介绍 之前分别介绍了Android Studio3.3更新之后的Android Studio3.3的介绍...Navigation(导航) 什么是Navigation 在Android开发当中,导航是指允许用户再应用内进入和退出不同内容的交互组件。...而我们通过 Android Jetpack的导航组件可以帮助我们实现导航功能。导航组件还能可能遵循既定的原则来保证用户有一个良好的用户体检。...导航组件的构成 导航组件由三个关键的部分组成: Navigation graph(导航图): 这是一个包含所有位置导航相关信息的XML资源文件。...涵盖了一些导航UI模式,比如只需要很少的额外工作就能实现抽屉导航和底部导航。 Safe Args - 一种Gradle插件,可在目的地之间导航和传递数据时提供安全的数据类型。

    1.4K00

    为任意屏幕尺寸构建 Android 界面

    现在便会介绍如何通过新的 Jetpack API 和 Android Studio 功能,来对现有应用进行更新,以针对所有屏幕尺寸进行优化。...△ 警告窗口 展开警告可以查看到 Android Studio 是否提供了修改建议,这里关于底部应用栏警告的修改建议就是使用 Navigation Rail、抽屉式导航栏,或使用顶部应用栏代替。...我们先来进行第一项优化,使用 NavRail 而非底部应用栏,首先我们要考虑的是导航模型,所幸我们不会更改很多具体的视图,仅仅只会更改导航方式,因为 NavRail 会一直存在于整个视图体系中,可以通过它导航到任何其他视图...Jetpack Compose Jetpack Compose 在 2021 年 7 月发布了 1.0 版本后,在 Android 开发者社区产生了巨大反响,成千上万的应用已经在生产环境中使用了 Compose...为了并排显示 Feed 和 Post,JetNews 简单地使用 Row 包裹两个组件,第一个组件具有固定宽度,第二个组件填充屏幕的其余部分。

    5.7K20

    Android Jetpack架构组件(五)之Navigation

    因此,Jetpack提供了一个名为Navigation的组件,旨在方便开发者管理Fragment页面和Appbar。...相比之前Fragment的管理需要借助FragmentManager和FragmentTransaction,使用Navigation组件有如下一些优点: 可视化的页面导航图,方便我们理清页面之间的关系...通过destination和action完成页面间的导航 方便添加页面切换动画 页面间类型安全的参数传递 通过Navigation UI类,对菜单/底部导航/抽屉蓝菜单导航进行统一的管理 支持深层链接...[在这里插入图片描述] 参考: Android Jetpack架构组件(四)之LiveData Android Jetpack架构组件(三)之ViewModel Android Jetpack架构组件(...二)之Lifecycle Android Jetpack架构组件(一)与AndroidX

    2.7K01

    为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡

    为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡一、Kotlin:Android开发的现代语言选择1.1 Kotlin是什么?...Jetpack 是Google官方推出的组件库集合,解决Android开发的三大痛点:兼容性碎片化(不同API版本行为不一致)生命周期管理(Activity/Fragment容易内存泄漏)架构混乱(MVP.../MVVM写法五花八门)2.2 Jetpack核心组件2.3 Jetpack的三大比喻比喻1:Jetpack如Android开发的”瑞士军刀”就像瑞士军刀整合了刀、剪、锉等功能,Jetpack整合了视图...、数据、导航等开发必备工具没有它,你需要自己造轮子(如手写数据库ORM)比喻2:Jetpack如建筑业的”预制件”传统开发像用砖头砌墙(手动处理生命周期)Jetpack提供预制墙板(ViewModel自动保存数据...自动处理)三、为什么大厂强制要求这两项技术?

    49700

    如何处理手势冲突 | 手势导航连载 (三)

    作者 / Chris Banes, Android 开发者关系团队工程师 我们将在近期为大家带来一个关于 "手势导航" 的系列连载,本文是手势导航连载的第三篇,如果您希望查看前两篇文章,请点击下方链接...这个问题是在询问,应用的界面是否在手势导航交互区域内或附近包含任何需要用户滑动操作的组件。...对 Android 10 来说,强制交互区域只有一个,那就是屏幕底部。该区域内的滑动操作能让用户返回主屏或访问最近使用的其他应用。...再次强调,系统导航必须始终保持一致性和可用性。 为什么是 200dp? 200dp 背后的决策逻辑非常简单。...请关注下一篇连载 读完本文您可能会问: 为什么我们还没有讲流程图的右半部分?这是因为右半部分适用于那些需要全屏绘制内容的应用,我们将在下一篇手势导航连载中为您继续讲解,敬请保持关注。

    6.3K30

    Android Jetpack 学习笔记(1) - 概述

    背景 Android Jetpack 套件是最近比较流行的组件库,它包含了一系列的优秀实践,本文是先介绍 Jetpack 的概貌。...为何使用 Android Jetpack? 遵循最佳实践: Jetpack 采用最新的设计,且向后兼容性,可以减少崩溃和内存泄露。...消除样板代码: Jetpack 可以管理各种繁琐的后台任务、导航和生命周期管理等。 减少不一致: Jetpack 的组件库可在各种 Android 版本和设备中以一致的方式运作,助您降低复杂性。...Jetpack 包含的组件库 按热门程度展示Jetpack组件库如下: - - activity * 访问基于 Activity 构建的可组合 API。...Material Design 组件* 适用于 Android 的模块化、可自定义 Material Design 界面组件。

    2.8K20

    Android 组件化开源app -开眼短视频(OpenEyes)

    ,使用MVVM + AndroidX + jetpack 组件为基本架构进行开发。...Android X 这个也没啥好说的,就是android Support 库的升级迁移版而已,现在新项目肯定都是直接androidX了,对Android X 不熟悉的小伙伴,请移步 官方介绍 ; jetpack...这个也没啥好说的,jetpack就是Google推出的一套组件开发库,直接上图可能更好, 官方介绍 基本最主要使用的就是这些了 [jetpack] app 第三方的依赖 RxEasyHttp RxEasyHttp...所以可以根据需求copy代码就好,不用集成 BannerViewPager 一个第三方轮播图的库,这个库比较新,所以start数比较少,但是挺好用,推荐 PagerBottomTabStrip 一个第三方导航库...,app中的底部导航就是基于这个库,挺好用,自带小红点管理 gsyVideoPlayer 一个第三方视频播放库,基于bilibili 开源的 ijkplayer,可自定义性也还不错, 主要使用这个库实现类似微博等视频列表根据滚动判断自动播放

    1.3K00

    Android Sunflower 带您玩转 Jetpack

    △ 插图作者:Virginia Poltrack 在 Google I/O 2018 开发者大会上,我们推出了 Android Jetpack,其中包含的 Android 开发架构组件能够帮助您简化开发流程...为了帮助开发者把 Jetpack 组件集成到自己的应用中,我们开发出一款名为 Sunflower(太阳花) 的圆艺应用,让您能够在模拟养花的过程中学习最佳 Android 开发实践,了解别的开发者是如何利用...该系列的其它文章会陆续与各位开发者见面,如果您对 Jetpack 和 Android 开发感兴趣,或者想要进一步探索 Jetpack 导航组件,了解如何利用 WorkManager 调度循环任务,请持续关注...使用 Jetpack 组件 Sunflower 使用了 Jetpack 中的许多组件,以下为各个组件在应用中所扮演的角色: Sunflower 完全采用 Kotlin 语言,并且使用了 Android...在今后的文章中,我们会进一步探讨 Sunflower 中的其它 Jetpack 组件,如导航和重复任务,尽情期待。谢谢您对 Sunflower 的关注! ?

    1.7K10

    折叠屏上应用设计规范,了解一下?

    例如,在大屏设备上,您可使用 Navigation rail (左侧边栏导航条) 代替 底部导航 (Bottom navigation),两者功能相同,视觉表现方式也类似,但 Navigation rail...这可能意味着您需要重新审视导航图,尤其是当您目前的设计以手机为主时更应如此。 如需构建响应式界面,我们应该优先考虑界面中长驻元素的位置,例如导航元素。...遵循 Material 指南,我们可以根据宽度的尺寸类别提供替代布局,将导航调整到最方便使用的位置。例如,小屏幕采用底部导航视图,中等屏幕采用 Navigation rail,大屏幕采用完整导航视图。...我们有许多可选方案,比如使用屏幕尾侧的侧边抽屉式导航栏,或者使用上滑式底部动作条,或者使用选项菜单,甚至可以将内容完全隐藏起来。...用户轻易就能触及屏幕的底部角落,但可能无法触及屏幕最顶端,尤其是在竖屏模式下。这意味着如果您使用 Navigation rail 这类组件,将导航按钮居中或固定在屏幕底部,这会更便于用户的操作。

    6.6K20

    Android 使用CodeBuddy提高开发效率

    安装好之后会让你重启Android Studio,点击 Restart IDEA按钮进行重启。 重启后打开项目会看到AS侧边栏和底部栏会有CodeBuddy的图标,点击侧边栏图标进行登录。...四、底部导航栏 接着我们在输入框输入“修改当前页面,增加一个底部导航栏、两个导航按钮”,回车。 结果如下所示: 1....代码说明: 导航架构: 使用rememberNavController()管理导航状态 定义了两个屏幕:Home和Profile 使用NavHost容器管理屏幕切换 底部导航栏: 使用NavigationBar...组件创建Material Design风格的底部导航 每个导航项包含图标和文字标签 当前选中状态会高亮显示 屏幕内容: HomeScreen显示简单的欢迎文本 ProfileScreen显示个人资料文本...ComposeDemoTheme { MainScreen() } } 我们可以运行一下: 对了有一点忘记说了,那就是这个代码是兼容深色和亮色模式的,我手机到了晚上自动深色模式,这个底部导航栏就写好了

    1.1K10

    在 Android 中通过 Hilt 进行依赖项注入

    如需了解详情,请参阅《Dagger 导航从未如此简单 | Android Studio 4.1》。...正因如此,在 Google Play 商店前 10k 的顶级应用中,其中 74% 都广泛使用了 Dagger。但是,由于在编译期生成代码,构建时间会有所增加。...不同于 Dagger,Hilt 集成了 Jetpack 库以及 Android Framework 中的类,并移除了大部分模板代码,使您可以专注于定义和注入绑定中的重要环节,而无需担心管理 Dagger...Hilt 可以自动生成并提供如下内容: 用于集成 Android Framework 类与 Dagger 的组件,避免了手动创建 Hilt 自动生成组件的作用域注解 预定义的绑定以及限定符 最重要的是,...: Android 官方文档|Hilt 和 Jetpack 集成 开始使用 Hilt 如果您已经对 Hilt 感兴趣,并希望了解更多信息,我们整理了如下指南帮您了解如何 将 Hilt 添加到您的 Android

    3.1K20
    领券