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

Flutter 可折叠

一个可在Flutter应用创建可折叠的侧边导航抽屉的 Flutter 插件。...Flutter使开发人员可以轻松使用导航抽屉,而无需其他人就无需编写大部分代码。 本博客,我们将探讨Flutter 的**可折叠侧边。...它是一个向左滑动的菜单,大多数情况下,它包含应用程序的重要连接,并且显示拥有一半的屏幕。 该演示视频展示了如何在Flutter创建可折叠的侧边。...它显示了flutter应用程序中使用foldable_sidebar包可折叠的侧边将如何工作。它显示了当用户点击浮动操作按钮,抽屉将以折叠方式显示/隐藏。它会显示您的设备上。...将创建一个可折叠侧边构建器状态的实例变量。 FSBStatus _fsbStatus; 主体,我们将实现FoldableSidebarBuilder()方法。

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

我对 Twitter 前 10 行源代码的理解

由于是一个远程团队,面试是 Zoom 上进行的。根据我的观察,部分开发人员不擅长现场编码或白板面试,即使他们对这项工作很在行。...你可能认为这些信息是多余的,因为浏览器已经知道响应的 MIME 类型是text/html;但在 Netscape/Internet Explorer 时代,浏览器要从多个相互竞争的版本找出要使用哪个...也可接受:我不特别了解这个属性,但-ms和-webkit-是非标准属性的供应商前缀,分别针对基于 Internet Explorer 和 WebKit 的浏览器。... CSS3 刚推出,我们需要这些前缀,但当属性从实验变为稳定或被采纳到标准,这些前缀就消失了,人们转而采用标准化的属性。...:focus:not([data-focusvisible-polyfill]){outline: none;} …不使用键盘导航移除焦点轮廓(这里的:focus-visible选择器是 CSS 增强插件

99120

Angular 依赖的测试和 Fake

我们将一起测试通知用户我们将终止 Internet Explorer 11 支持的横幅。一个合适的测试套件可以给我们足够的信心,我们甚至不必 Internet Explorer 11 测试横幅。...我们应该始终确保尽可能接近生产的环境执行 QA(质量保证)测试。这意味着真实 Internet Explorer 11 浏览器运行应用程序。...为了能够创建虚假的导航器配置,我们为导航器 API 创建了一个依赖注入令牌。 我们可以开发和测试期间使用这些虚假配置来模拟用户上下文。...测试 Internet Explorer 11 检测和 Internet Explorer 11 横幅组件,我们将使用此技术创建测试工具。...正如 StackBlitz 测试项目中所见,浏览器检测按预期工作。 当用户使用 Internet Explorer 10 浏览时会发生什么?

3.1K30

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

随着平板和可折叠设备的迅速发展,是时候停止将手机和平板分开去考虑了,而更应该提供面向一整个生态系统的应用,来提高其市场的影响力。...我们先来进行第一项优化,使用 NavRail 而非底部应用,首先我们要考虑的是导航模型,所幸我们不会更改很多具体的视图,仅仅只会更改导航方式,因为 NavRail 会一直存在于整个视图体系,可以通过它导航到任何其他视图...最后,设置 NavRail 菜单的 ID 来匹配现有导航目的视图的 ID,再在 MainActivity 为 NavRail 设置 NavController: <!...,使新的双窗口 Fragment 成为应用的起始目的页面,并从应用的导航图中移除详情目的页面。...△ JetNews 侧边抽屉导航展示 回到 JetNews,我们可以看到大屏状态下,侧边的抽屉导航会以模态的方式出现,但它会延伸到整个屏幕而出现大量空白区域。

4.1K20

详解 Android 12L|更好地适配大屏幕设备

新任务也让分屏模式更加容易实现: 只需在任务拖放,即可以分屏模式运行应用。...该指南涵盖了生态系统中常见的布局模式,有助于激发和开启您的工作: △ Material Design 指南中的自适应 UI 模式 利用新的导航组件构建响应式 UI 为了向用户提供最佳的导航体验,您应该提供针对用户设备窗口尺寸类量身定制的导航界面...推荐的导航模式包括适用于 紧凑屏幕的导航,以及适用于 中等屏幕宽度的设备类和更大屏幕设备 (600dp 以上) 的导航。...△ 参考设备定义 布局验证 调整大屏幕 UI ,如果您不确定从哪里开始入手,您可以首先使用新的工具来发现可能会对大屏幕设备造成影响的潜在问题。...这些变更即将在明年实现,因此我们提前通知您,以便您能为应用做好准备工作! 更多详情 为了帮助您针对大屏幕和可折叠设备进行构建,无论您使用的是 View 还是 Compose,我们都会为您提供帮助!

3.7K20

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

全新的任务简化了应用之间的快捷切换方式,并且可以轻松返回主屏幕。 导航按钮 △ 三按钮导航相较之前更易访问 屏幕较大的设备上,任务可以很方便地将应用转为分屏模式或者多窗口模式。...任务还将三按钮式导航移至屏幕一侧,以方便用户手持大屏幕设备操作。 系统界面 △ 系统界面 — 现代化的外观和质感 Android 12L 还带来了多项系统界面相关的用户界面更新。... Samsung Galaxy Z Fold 系列手机,我们发现其分屏使用率上高达七倍于其它手机的现象。另一个例子是当大屏幕手机处于不同方向,窗口带有黑边。...随着市场上此类设备数量逐渐增加,您可以更进一步,不仅使应用能够兼容大屏幕,而且应用正在运行的情况下,当用户折叠或展开设备,应用能够适配设备不同的状态。...该类用于监测可折叠设备的状态,并且使用特征类型、屏幕方向和状态更新界面必要更新周边的界面。

2.3K40

渗透测试,需要注意浏览器选项

XSS相关的测试过程,我们插入“alert(1)”payload作为一个GET请求的参数和执行这个命令Internet Explorer 11。...IE的网络选项 选中此功能(默认值)Internet Explorer将显示其自己友好的错误消息,而不是Web服务器的页面响应。...我们的XSS攻击尝试Internet Explorer 忽略了Web服务器的错误请求响应(注入的XSS payload会在响应的信息中弹窗)而显示自己的消息。...还有其他一些特定的浏览器设置/依赖,渗透测试需要注意: 使用XSS过滤器(IE):启用此选项,浏览器识别的响应潜在的攻击(反射脚本),并会自动阻止脚本代码运行。...当出现这种情况,我们会在通知中看到一条消息,该网页被修改以保护您的隐私和安全。安全领域禁用此选项后进行渗透测试 ?

1.2K160

渗透测试,需要注意浏览器选项

XSS相关的测试过程,我们插入“alert(1)”payload作为一个GET请求的参数和执行这个命令Internet Explorer 11。...IE的网络选项 选中此功能(默认值)Internet Explorer将显示其自己友好的错误消息,而不是Web服务器的页面响应。...我们的XSS攻击尝试Internet Explorer 忽略了Web服务器的错误请求响应(注入的XSS payload会在响应的信息中弹窗)而显示自己的消息。...还有其他一些特定的浏览器设置/依赖,渗透测试需要注意: 使用XSS过滤器(IE):启用此选项,浏览器识别的响应潜在的攻击(反射脚本),并会自动阻止脚本代码运行。...当出现这种情况,我们会在通知中看到一条消息,该网页被修改以保护您的隐私和安全。禁用此选项安全领域而渗透测试: ?

88270

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

大屏幕布局,拖放 是一种自然的交互,即使是同一个应用也是如此 △ 通过使用多实例功能,用户可以并排运行应用的多个副本。...用户可以并排比较两个产品,写文档参考笔记,或者规划事件保持日历可见 输入模式 由于许多人使用大屏幕来提高生产力,平板电脑应该支持基本的键盘、鼠标和手写笔输入。...而在可折叠设备或平板电脑上,如果有空间并排显示两个视图,锁定模式会被忽略。 NavRail 垂直导航 功能上等同于底部导航,并在大屏幕上提供了更符合人体工程学的导航体验。...因为在这种情况下,使用底部导航会造成遮挡,从而减少可见内容的数量,特别是当平板设备横向使用时。 其他组件 我们还对其他多个组件进行了更新。...浏览器为大屏幕改进标签页导航; YouTube 重新设计了用户界面,以提高可折叠设备上的可用性; Google Photos 大屏幕上会显示更多的界面元素,如搜索; Google Calendar

2K20

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

数据显示,因为更大的屏幕空间,可折叠设备的多任务处理量增加了 7 倍,开发者有必要平衡布局的简单性与灵活性以优化应用,例如开发者使用新的窗口尺寸类别和视口断点,如果要优化断点的布局,可以将其视为 3...导航优化方面,以往在对直板手机竖屏模式的部分导航组件进行优化时,导航组件几乎始终停靠在屏幕底部,可折叠设备或更大的设备中情况就不同了,用户实际上大多数时间是用双手持握设备,这就意味着导航组件最好是放置设备边缘和侧面...我们认为将导航组件放在侧边更易于使用,尤其是对于那些应用内频繁通过导航切换界面的用户来说。...二级导航也很重要,移动设备您可以使用标签页 (Tab) 或分段按钮 (Segmented Button) 等来实现二级导航,这些方法同样适用于可折叠设备,因此可以把它们与 Navigation Rail...对于基于 View 的应用,您可以使用资源限定布局,通过底部导航——如底部应用 (App Bar) 或底部导航菜单 (Navigation Menu)——形成窄小的布局,也可以使用 Navigation

3.5K10

Android 10 开发者常见问题

Q 1: 指定 SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 好像并不能隐藏导航和状态? A: 您需要告诉系统您希望的布局方式。...setSystemUiVisibility() 仅在所指定的视图可见生效。更具体来说,所指定的视图必须保持可见才能让导航保持隐藏。 Q 2: 加固和热修复方面的优化,有详细文档吗?...您可以系统的设置界面查看真实的 MAC 地址,并加入路由器的白名单。 Q 4: Android 10 安全特性变化较大,有能指导开发者的升级适配的技术文档吗?...A: Android 10 及以前的版本,当用户同意应用可以访问任何指定的目录。正如我们此前提到的, Android 下一个大版本,特定的目录将无法被访问。...Q 14: 可折叠设备有没有回调可以知道当前处于折叠模式还是展开模式? A: 没有,我们希望应用对不同屏幕分辨率的支持更加通用。

87210

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

尤其随着可折叠设备等新兴产品的涌现,适配工作也愈发迫切。...深入理解布局 深入理解布局指南 介绍了布局容器的相关概念,它提供了一个整体框架,可帮助开发者思考如何在屏幕上排列导航、工具和内容等界面元素。...这一做法小屏上或许行得通,当屏幕尺寸较大就会出现明显的问题。网格系统则将您的布局划分为一系列,从而帮助您在规范网格设计更具表现力的布局。...例如,大屏设备上,您可使用 Navigation rail (左侧边导航条) 代替 底部导航 (Bottom navigation),两者功能相同,视觉表现方式也类似,但 Navigation rail...等导航容器,屏幕起始侧会被压缩以容纳导航容器。

4.3K20

Office文档嵌入对象点击执行的社工技巧

Office 2016和Office 365还添加了其它的安全措施(如GPO等),这样当用户从Internet下载文档宏将完全被禁用,以及阻止Packer文件扩展名黑名单列表的文件类型运行。...这其中的任何一步出现问题,都将导致失败。 某些情况下,管理员可能会限制一些用户对某些文件夹或硬盘的浏览权限。这种情况下,嵌入Windows资源管理器对象就会很方便。...Internet Explorer 当Shell.Explorer.1充当嵌入式Internet Explorer,除了可以文档嵌入Web浏览器之外,它还允许我们浏览本地计算机上的文件,以及远程(...受保护视图 如上所述,当Office文档包含Web标记),则会向用户表明它是从Internet下载的。这种情况下,文档将在受保护的视图中打开。在此模式下,将禁用文档存在的任何嵌入对象。...本文中我为大家提供了两种备选方案,相比之下Shell.Explorer.1技术似乎实际场景更加实用。

2K60

无缝构建跨设备体验 | Google IO 大会精彩回顾

我们还研究了用户与大屏幕设备的交互方式,例如手指在屏幕上放置的位置,并为您提供 API 和工具以简化此类交互体验: SlidingPaneLayout 1.2.0 可帮助您自动调整内容大小,以适配更多空间; 垂直导航...另一项值得注意的新增功能是 Ongoing Activities API,使您能够让用户导航至别处 (以开始一些其他任务,例如音乐播放) 后再返回到您的应用。这两个库目前都处于 Alpha 阶段。...您可以查看下方的本次 Google I/O 演讲视频详细了解相关公告: Wear 更新一览 Wear 创建您的第一张卡片 即刻下载 Android Studio Arctic Fox Beta...这些更新让您可以更轻松地一系列设备配置构建和测试应用,同时将最新的 Android 12、Google Assistant 和 Cast 功能引入电视。...该库支持导航、电动汽车充电和停车应用直接与兼容的汽车集成。

1.7K10

深入理解浏览器原理

兼容Chromium内核,同时保留EDGE内核来兼容企业网站 Internet Explorer 11:Windows 8.1,引擎Trident 7.0 Internet Explorer 10:Windows...8默认浏览器,引擎Trident Internet Explorer 9 Internet Explorer 8:Windows 7集成 Internet Explorer 7:Windows Vista...集成,2016年停止支持 Internet Explorer 6:2014年停止支持 2....导航到其他站点 导航完成后,再次将不同的URL放到地址导航,浏览器会检查当前渲染网站的beforeunload事件。如有设置导航或关闭选项卡发出警报“离开这个网站吗?”...解析 2.1 构建DOM 当渲染进程接收提交的导航消息和HTML数据,主线程开始解析文本串(HTML),使之成为一个DOM。解析遇到html能优雅容错。

4.4K31

Windows 2000XP 注册表终极修改(转载)

/Policies/Explorer下新建一个名为NoInstrumentation的DWORD,然后将它赋值为 1 (0x1)即可 PS:用户追踪功能是系统跟踪用户使用的程序、用户导航的路径和用户打开的文档的一种功能...的DWORD,然后将它赋值为 1 (0x1)即可 4.从桌面及任务上的“快速启动”上删除 Internet Explorer 图标 HKEY_CURRENT_USER/Software/Microsoft...1 (0x1)即可 8.防止用户调整桌面工具的长度,并且用户不能再锁定的工具上重新放置项目或工具 HKEY_CURRENT_USER/Software/Microsoft/Windows/...CurrentVersion/Policies/Explorer下新建一个名为NoMovingBands的DWORD,然后将它赋值为 1 (0x1)即可 9.退出不保存设置 HKEY_CURRENT_USER...9.指定当用户打开 "添加新程序" 页出现的程序分类。

96840

利用WMITool解决浏览器快捷方式启动参数被篡改以及浏览器主页被劫持的问题

先说说症状 症状①:通过快捷方式启动浏览器,首页跳转到2345以及hao123网址导航页,切系统内安装的多款浏览器(IE、Chrome、Firefox、Opera、Safari、Maxthon)症状相同...再后来想到了使用ProcessMonitor进行监视,发现每隔一段时间(我这里大概是半个小时的样子)出现一个scrcons.exe进程自动启动并修改快捷方式的命令,然后自动关闭(幸好是半个小时一次,要是3、5小一次...Explorer\Quick Launch,C:\Users\Administrator\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch...\User Pinned\StartMenu,C:\Users\Administrator\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch...还没完,还要手动将快速启动,将各个浏览器快捷命令的”http://hao.ttmmt.com/?v=1030“去掉!

1.6K20
领券