首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material Design — 底部动作条(Bottom Sheets)

模态底部动作条(Modal bottom sheets) 主要用于移动设备,也可以展示其他app的深度链接的内容。 交互 只有当用户有发起的动作时才出现。...它们出现在其他UI元素之上,必须被关闭才能与底层内容交互。当一个模态底部动作条滑到屏幕上时,屏幕的其余部分就会变暗,把焦点集中在动作条上。 ?...不离开右边的app能直接展示左边的app内容 模态底部动作条可能包含在另一个app中进行深度导航的链接,这些链接可能是: ·允许用户在另一个app中访问多个层级。 ·回到他们开始的层级。...但是,这些深层链接可能不允许用户在打开的app中导航:它们可能只停留在初始层级,更深入,或者返回到初始层级。 或者,深层链接可以将用户从底部动作条导航到另一个视图。...,它会将用户的注意力分散到屏幕的两个不同部分。

1.9K71

360度无死角,Android Jetpack面试技巧大揭秘

本文将围绕Android Jetpack展开,深度解析面试中可能涉及到的高级疑难问题,我将分享一些关于Android Jetpack的面试技巧,帮助你更好地准备面试。...深层链接: 支持通过深层链接直接导航到应用中的特定目标,提高用户体验。 类型安全的导航: 使用安全Args插件,避免了传统Bundle传递参数时的类型错误。...参考简答: 其作用和核心组件包括: 作用: Navigation组件用于实现应用内的导航结构,使得从一个目的地(Destination)到另一个目的地的导航变得更加容易管理和统一。...这三个核心组件共同构建了整个导航体系,使得在Android应用中实现复杂的导航结构变得更加简单和可维护。...状态保存:ViewModel在配置变更时保持其状态,例如屏幕旋转,避免重新加载数据和执行耗时操作。

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

    Android 与 Chrome OS 中针对大屏幕设备的更新

    多任务处理 从 Android 12 开始多任务处理已经成为日常操作,所有应用均可以在多窗口模式下运行。但是需要注意的是应用可能以分屏模式运行或以窗口形式出现在另一个应用旁边。...另一个例子是当大屏幕手机处于不同方向时,窗口带有黑边。使应用能够在尺寸上完全可变是非常重要的,我们会大篇幅来讨论这个主题。 那么如何确定 Activity 的尺寸呢?...WindowSizeClasses 在所有设备类型上都能够将应用直观呈现给用户的另一个关键要素是提供不同的布局。...△ Activity 堆栈 他们会自动出现在启动时的相同边界之内。现有的 Activity 启动和预期分辨率规则同样适用。 △ 多重深度层级 库还支持多层次导航,创建多个分块,最多显示两个窗格。...△ 占位符 这是另一个不同的用例,我们称之为「占位符」。有时应用会在主页显示顶级导航列表,用户做出选择前没有辅助内容可显示。

    2.4K40

    第132期:flutter的导航和路由

    导航和路由 Flutter提供了一个完整的用于在屏幕之间导航和处理深层链接的系统。...没有复杂深度链接的小型应用程序可以使用Navigator,而具有特定深度链接和导航要求的应用程序也应该使用Router来正确处理Android和iOS应用上的深度链接,并在应用程序在web上运行时与地址栏保持同步...如果我们使用的是路由包,则页面支持的路由始终是可深度链接的,而无页面的路由则不是。 当从导航器中删除页面支持的路由时,它之后的所有无页面路由也将被删除。...例如,如果深度链接通过从导航器中删除页面支持的路由来导航,则之后(直到下一个_pagebacked路由)的所有无页面路由也将被删除。...深度链接 Deep linking Flutter支持iOS、Android和web浏览器上的深度链接。打开URL会在应用程序中显示该屏幕。

    2K30

    简单了解下无障碍设计模式

    通过在 UI 元素上添加描述性的标签,使用户可以通过声音在应用中导航。当使用屏幕阅读器(如 “TalkBack” ),并通过触摸板导航时,在用户指尖触摸到 UI 元素时,会大声读出标签上的文本。...硬件或软件方向控制器(例如 D-pad、轨迹球或键盘)允许用户以线性的方式从一个选择的元素跳到另一个元素。 层次 根据项目的相对重要性,将项目放置在屏幕上。...错误示例 当把重要的操作嵌入到其他内容中时,就不清楚什么是页面中最重要的元素。 焦点顺序 输入焦点应该按照视觉布局的顺序排列,从屏幕顶部到底部。它应该从最重要的项目到最不重要的项目进行遍历。...如果一个元素是从一个原生的 UI 元素上扩展或继承的,他会获得父元素的角色。...例如,Android 的 “双击以选择” 功能提示用户在选择一个项目时需要点击两次。Android 的 TalkBack 也会提醒和元素相关联的任何自定义操作。

    4.8K40

    Android 10正式版发布,看看都有哪些新特性

    创新与新体验 可折叠 基于强大的多窗口支持,Android 10扩展了跨应用程序窗口的多任务处理,并在设备折叠或展开时提供屏幕连续性来维护应用程序状态。...另外,团队还为包含导航抽屉(Navigation Drawer)的应用增加了一个名为 peek 的动作:用户轻压屏幕边缘然后再向内划动,便可拉出应用抽屉页面。...点击链接了解更多。 阻止不必要的干扰 Android 10防止应用程序从后台启动,而后台的应用程序会出人意料地跳到前台,并从另一个应用程序转移注意力。...相机与多媒体 照片动态深度 应用程序现在可以请求一个动态深度图像,它由一个JPEG、XMP元数据(与深度相关的元素相关)和一个嵌入在同一文件中的深度和置信度图组成。...我们在构建这个新功能时考虑到了隐私和版权保护,因此一个应用程序捕捉另一个应用程序的音频的能力受到了限制。请阅读我们的博客文章。

    2K20

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

    这一做法在小屏上或许行得通,当屏幕尺寸较大时就会出现明显的问题。网格系统则将您的布局划分为一系列栏,从而帮助您在规范网格中设计更具表现力的布局。...因此在运行期间,应用可从一个尺寸类别过渡到另一个尺寸类别,并再次过渡回去。重要的是,不要将尺寸类别视作完全独立的桶,应用也需保证连续性 (即不中断用户体验),所以应用状态或数据不能丢失。...△ 响应式界面可根据屏幕尺寸变化而调整内容布局 设想一下,当您调整浏览器窗口大小时,如果浏览器回退了一个页面,或者重定向到另一个页面,又或者修改了历史记录,这种体验非常奇怪。...第二种是增加另一个页面,根据您构建的应用不同,可以采用与列表/详情或者以另一个面板补充主面板功能相同的方案。...等导航容器时,屏幕起始侧会被压缩以容纳导航容器。

    4.5K20

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

    与此同时,如今激活的搭载 Android 系统的大屏幕设备总量已超过 2.5 亿台,这是个庞大的市场,当然就存在巨大的机会。...(Expanded height) 和展开宽度 (Expanded width),断点分别是 900dp+ 和 840dp+,更多屏幕尺寸相关的大小可以参考下面的表: 与此同时,当考虑到可拆卸设备时...提及折叠形态,需要注意组件的过渡,将会在更大设备更大屏上使用各种组件,尤其是在桌面模式,需要特别注意界面,例如,在该模式下,关键操作或大多数操作是在底部屏幕完成的,而大多数内容组件实际上会放在另一个屏幕上...;在折叠的桌面模式下,用户看起来像是在操作一部笔记本电脑,点触屏幕,手机可能会出现不稳晃动;这种模式下摄像头位置也可能会挡住后面的屏幕内容,虽然内容会被渲染,但因为被挡住而不可见。...关于组件转换有一个要点需要注意: 当用户把自己的设备从一种状态转换到另一种状态时,通常界面上必须至少保留一个元素以帮助他们确定元素位置或了解元素是否发生变更。

    3.5K10

    全面解读系统更新,收藏下这份 Android 12 (S) 版本适配自查表

    剪贴板访问提示(新) 已适配 应用首次从另一个应用访问剪辑数据时,会弹出一个消息框消息 隐藏应用叠加窗口(新) 推荐⭐ 应用的窗口可见时可以隐藏所有可见的系统级悬浮窗口 应用无法关闭系统对话框 强制...4.9 HTTP 深度链接解析改进 Android 系统支持通过 Deep Link 或 Android App Link 将深度链接与应用行为关联,实践中采用的链接基于 URI 格式,例如: 从 Android...相关资料: Android Deep Link 深度链接,看看你在第几层?...[31] 处理 Android 应用链接[32] —— 官方文档 4.10 全屏模式下的手势导航改进 全屏模式是指应用最大限度地利用屏幕空间来展示内容,让用户获得最佳体验,常见场景例如视频、游戏、演示文稿等...例如从屏幕底部边缘向上滑动,会重新显示系统导航栏。

    2.9K10

    Android 软键盘的那些事

    系统将选择一个合适的状态或依赖于主题的设置。 "stateUnchanged" 当主窗口出现在前面时,软键盘被保持它上次是什么状态,无论上次是可见或隐藏。..."stateHidden" 当用户选择该Activity时,软键盘被隐藏——也就是说,当用户确定导航到该Activity时,不管他离开的Activity的软键盘是可见还是隐藏都会被隐藏,不过当用户离开一个..."stateAlwaysHidden" 当该Activity主窗口获取焦点时,软键盘总是被隐藏的,不管是确认导航到该Activity还是Activity被覆盖后显示出来。..."stateVisible" 当用户导航到Activity主窗口时,软键盘是可见的。不过当用户离开一个Activity而导致另一个被覆盖的Activity显示出来时,软键盘会使用默认的设置。..."stateAlwaysVisible" 当该Activity主窗口获取焦点时,软键盘总是显示的,不管是确认导航到该Activity还是Activity被覆盖后显示出来。

    2K10

    折叠屏丨华为专家深度解读折叠屏连续性和拖拽适配介绍

    折叠屏手机的出现,满足了用户对大屏幕的追求,但卓越的用户体验更离不开应用的适配与功能创新。距离Mate X面世已经一年的时间,应用适配情况如何?在适配过程中有哪些经验可以参考?...避免在调用finish()或其他自行终止进程,否则会导致应用程序在设备折叠或展开时出现关闭、闪退等问题。...问题3:折叠展开或者分屏后显示异常 当应用设置了页面不重启,但是在onConfigurationChanged方法中没有动态调整布局时,会导致折叠展开或者分屏后显示异常,这时应用的窗口宽度发生变化。...随着屏幕越来越大,分屏、悬浮窗的使用场景也随之增多,拖拽的价值更加显著。 2.1 拖拽功能技术框架 拖拽属于Android框架的一部分,可以让用户使用图形化拖放手势,将数据从一个视图移至另一个视图。...2)在哪里实现拖入拖出功能 拖拽是实现将数据从一个视图移至另一个视图。根据业务需要和用户体验选择合适的视图实现。

    1.1K20

    导航栏还是侧栏?flutter 跨平台适配指南

    了解不同平台的用户体验 Android 平台的导航栏和侧栏 导航栏: 在 Android 平台上,导航栏通常位于屏幕的顶部,用于显示应用的标题和操作按钮。...侧栏: 侧栏通常位于屏幕的左侧,并可以通过从屏幕左侧滑动或点击侧边栏图标来打开。 在 Android 应用中,侧栏通常用于显示导航菜单、设置选项和其他功能链接。...导航深度限制:对于包含多层次导航结构的应用,使用导航栏可能会受到导航深度的限制,难以显示所有的层级。...导航层次浅:当应用的导航层次较浅,不需要多层嵌套的页面结构时,导航栏是一个合适的选择。...多功能导航:当应用具有复杂的导航结构,需要同时显示多个导航选项和功能链接时,侧栏是一个更合适的选择。

    34910

    开始使用-编写你的第一个Flutter应用程序 顶

    第1步:创建起始Flutter应用程序 第2步:使用外部包装 第3步:添加一个有状态的小部件 第4步:创建一个无限滚动ListView 第5步:添加交互性 第6步:导航到新的屏幕 第7步:使用主题更改UI...如何创建一个无限的,延迟加载的列表。 如何创建并导航到第二个屏幕。 如何使用主题更改应用程序的外观。...这些将由RandomWordsState管理,这使得用户在下一步中从一个屏幕导航到另一个屏幕时,可以更轻松地更改应用栏中的路由名称。...如果您的应用程序运行不正常,则可以使用以下链接中的代码重新进入正轨。 lib/main.dart 第6步:导航到新的屏幕 在这一步中,您将添加一个显示收藏夹的新屏幕(在Flutter中称为路由)。...列表图标出现在应用程序栏中。 点击它什么也没做,因为_pushSaved函数是空的。 3.当用户点击应用栏中的列表图标时,建立一条路由并将其推送到导航器的堆栈。 此操作会更改屏幕以显示新路由。

    9.5K20

    『React Navigation 3x系列教程』之createStackNavigator开发指南

    屏幕转场风格 默认情况下,createStackNavigator提供了转场过渡效果,在Android和iOS上过渡效果是不同的,这也是React Native重平台性的一个体现,在Android上从屏幕底部淡入...RouteConfigs RouteConfigs支持三个参数screen、path以及navigationOptions; screen(必选):指定一个 React 组件作为屏幕的主要显示内容,当这个组件被...createStackNavigator加载时,它会被分配一个navigation prop。...path(可选):用来设置支持schema跳转时使用,具体使用会在下文的有关Schema章节中讲到; navigationOptions(可选):用以配置全局的屏幕导航选项如:title、headerRight...headerTransitionPreset: 指定在启用headerMode:float时header应如何从一个屏幕转换到另一个屏幕。

    5K10

    android之Fragment(官网资料翻译)

    Fragment要点 Fragment作为Activity界面的一部分组成出现 可以在一个Activity中同时出现多个Fragment,并且,一个Fragment亦可在多个Activity中使用。...来展示一个文章的列表,然后在屏幕右侧使用另一个fragment来展示一篇文章–2个fragment并排显示在相同的一个activity中,并且每一个fragment拥有它自己的一套生命周期回调方法,并且处理它们自己的用户输入事件...这点特别重要, 因为这允许你将你的用户体验适配到不同的屏幕尺寸.举个例子,你可能会仅当在屏幕尺寸足够大时,在一个activity中包含多个fragment,并且,当不属于这种情况时,会启动另一个单独的,...继续之前那个新闻的例子 — 当运行在一个特别大的屏幕时(例如平板电脑),应用可以在Activity A中嵌入2个fragment。...Paused 另一个activity处于前台并拥有焦点, 但是这个fragment所在的activity仍然可见(前台activity局部透明或者没有覆盖整 个屏幕).

    68520

    从零开始的Android:常见的UI设计模式

    1.主画面 用户在打开应用程序时看到的第一个屏幕通常是最重要的。 从这里开始,您的用户应该能够执行快速动作并继续前进,或者进一步深入到您的应用中以完善他们想要完成的工作。...顾名思义,您以列表格式显示数据,当单击该列表中的项目时,它将打开一个显示更多详细信息的新屏幕。 尽管此模式称为列表和详细信息,但没有理由也不能将相同的逻辑应用于网格设计。...环聊是列表和详细信息模式的另一个示例。 环聊可让您选择一个对话以查看整个对话并与之互动。 轮播 有时,仅凭一个列表是不够的。...但是,如果要在选项卡中放入五个或更多项目,则应考虑将导航操作移到抽屉中。 根据Android的材料设计指南,选项卡也可以存在于屏幕底部,如Google+应用程序所示。...工具列 您可能已经注意到,Android应用程序中的大多数页面在屏幕顶部都包含一个工具栏。

    2.7K20

    Android 4.0 平台特性

    为了让你的社交应用程序出现在“添加链接”按钮的列表里,你的应用必须提供一个同步适配器来同步你的社交网络中的联系人信息。...Android Beam(NDEF Push with NFC) Android的光束是一个新的NFC功能,允许您发送NDEF的邮件从一台设备到另一台(又称“NDEF推”的过程)。...例如,当屏幕狭窄(例如,当一个手机在肖像取向),Action Bar的导航标签出现在一个“堆叠柱形”,直接出现在下面的主要Action Bar。...当被激活后,系统会增加一个额外的功能条屏幕底下的所有行动项目时,屏幕窄(没有行动项目将出现在主要的动作条)。 如果你想使用这个导航标签ActionBar提供的。...Android系统,3.0增加的装置,制度在屏幕的底部提供系统导航的控制(家,回来,等等),又一个接口用于传统的元素提供状态栏。在Android 4.0,该系统提供了一种新型的系统界面称为导航栏。

    1.2K20

    app自动化面试题

    官方的说法是Activity一个应用程序的组件,它提供一个屏幕来与用户交互,以便做一些诸如打电话、发邮件和看地图之类的事情,它提供屏幕进行交互。...每个Activity都会获得一个用于绘制其用户界面的窗口,窗口可以充满哦屏幕也可以小于屏幕并浮动在其他窗口之上。...周期即活动从开始到结束所经历的各种状态。生命周期即活动从开始到结束所经历的各个状态。从一个状态到另一个状态的转变,从无到有再到无,这样一个过程中所经历的状态就叫做生命周期。...ContentProvider内容提供者:内容提供者主要用于在不同应用程序之间实现数据共享的功能,它提供了一套完整的机制,允许一个程序访问另一个程序中的数据,同时还能保证被访问数据的安全性。...服务的运行不依赖于任何用户界面,即使程序被切换到后台,或者用户打开了另一个应用程序,服务扔然能够保持正常运行,不过服务并不是运行在一个独立的进程当中,而是依赖于创建服务时所在的应用程序进程。

    1.4K20

    Android 10 终于来了!增加了不少新特性

    前言 Android 10 正式发布了,根据官网的介绍,聚焦于隐私可控、手机自定义与使用效率,此版本主要带来了十大新特性: [image] 智能回复 使用机器学习来预测你在回复信息时可能会说些什么,这项功能在...Android 10 中,它已经内置到整个通知系统中,并且不仅提供对信息的回复建议,还可以获得建议的操作。...手势导航 引入手势导航后,应用程序不仅可以实现全屏幕的内容显示,还能最大限度地减少系统导航键的可见程度,这对于当下主流的全面屏手机尤为重要。...另外,团队还为包含导航抽屉(Navigation Drawer)的应用增加了一个名为 peek 的动作:用户轻压屏幕边缘然后再向内划动,便可拉出应用抽屉页面。...手势导航将变成Android 10的默认导航模式,从屏幕底部向上滑动可回到主界面,上滑并按住松开可切换后台App,从左侧或右侧边缘向相反方向滑动可返回上一桌面。

    1.3K40

    深入浅出 NavigationUI | MAD Skills

    这是第二个关于导航 (Navigation) 的 MAD Skills 系列,如果您想回顾过去发布的内容,请参考下面链接查看: 导航组件概览 导航到对话框 在应用中导航时使用 SafeArgs 使用深层链接导航...概述 在之前的 导航系列文章中,Chet 开发了一个用于 跟踪甜甜圈的应用。知道什么是甜甜圈的最佳搭档吗?(难道是另一个甜甜圈?) 当然是咖啡!所以我准备增加一个追踪咖啡的功能。...之后我会用到这些目的页面的 id ;) △ 带有新的目的页面的导航图 更新导航图之后,我们可以开始将元素绑定起来,并且实现导航到 SelectionFragment。...抽屉式导航栏 虽然看上去不错,但是如果您设备的屏幕尺寸较大,那么底部标签栏恐怕无法提供最佳的用户体验。...要解决这个问题,我会使用另外一个布局文件,它带有 w960dp 限定符,表明它适用于屏幕更大、更宽的设备。

    3K30
    领券