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

Android P 凹口屏支持,打造全面屏体验

凹口屏一方面为开发者创造了绝好条件,展示各自应用独特魅力;另一方面,它又凸显了适配重要性,不论设备拥有一个还是两个屏幕缺口,采用是 18:9 亦或是其它尺寸屏幕,开发者需要保证应用在所有设备都能够提供相同用户体验...此外,您可以通过更改 layoutInDisplayCutoutMode 参数,让设备始终 (或绝不) 允许应用使用缺口区域。...8.1 (API 27) 设备,您也可以在缺口区域对应用内容进行布局。...首先,厂商需要确保设备凹口屏幕不会对应用造成不良影响,这涉及到以下两项关键要求: 在竖屏模式下,若没有设定特殊标志位,状态栏高度必须大于或等于缺口高度; 在全屏或横屏模式下,缺口区域必须整个落在黑色填充区内...△ 提供 "特殊模式" 选项设备允许用户将应用窗口延伸至缺口区域 (若应用支持在缺口区域显示) 如果应用 targetSdkVersion 为 27 或更高,在必要时您可以通过更改活动主题中layoutInDisplayCutoutMode

1.4K20

iPhone XUI设计技巧

同样满怀期待还有设计师和开发人员,他们将在iPhone X看到他们App了。苹果官方表示:iPhone X是智能手机未来,而这个未来风向标可能将会给UI设计师和开发人员带来一些小麻烦。...建议您可以考虑其他滑动手势和任何能与缺口适配界面。 ? 3.    显示完美的状态栏 与上一代iPhone相比iPhone X状态栏垂直高度增加了一倍,从22pt增加到44pt。...因此,您最好将背景扩展到显示屏边缘(包括状态栏),以及垂直可滚动区域。...建议将导航栏颜色延伸到状态栏背景,否则看起来会很奇怪,并且App在试图将它与传感器外壳进行手动混合时可能会遇到一些奇怪情况。 用户界面的“全屏”体验是非常重要,让用户不再受屏幕边缘干扰。...在iPhone X内容被显示在一个小于4.5英寸设备情况下,该设计甚至可以把多余屏幕留白(图中两边垂直白边)收起来。为了交付这样好图像,为不同长宽比创建独立屏幕适配也是值得。 ?

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

肘子 Swift 周报 #014 | 发展要建立在稳定基础

肘子的话 最近, 苹果发布 iOS 17.3 Beta 2 版本出现了令人意外问题, 使包括 iPhone 15 Pro Max 在内多款设备出现了循环重启情况。...(即未被持久化更改)。...How to use Stable Diffusion models in a Swift app[8] Pol Piella[9] 随着苹果硅芯片技术兴起,越来越多开发者开始在移动设备探索开源 AI...,它在 iOS 模拟器中扮演着自定义状态栏信息关键角色。...该工具能够调整屏幕顶部状态栏显示各种信息,如时间、电池电量和网络信号等。开发者在准备应用商店截图或者进行其他专业演示时,经常依赖这一工具来确保状态栏信息一致性和专业外观。

10910

开启全面屏体验 | 手势导航 (一)

在搭载 Android 9 及以下设备运行时,导航栏后绘制内容是可选,方便应用根据情况酌情选择。...使用 Android 10 以下设备用户同样能获得更加沉浸体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部状态栏。...更改系统栏颜色 我们应用布局现在已经拓展至全屏范围,因此需要同步更改一下系统栏颜色,以便看清其后面的应用内容。...△ Android 10 动态颜色适配 半透明遮盖 另外,系统也可以在系统栏后面放置一层半透明遮盖。...Android 9 及更早版本 如果您决定在 Android 10 以下设备实现全面屏应用,则应将系统栏颜色设置为半透明,从而确保其内容可见。

2.4K30

开启全面屏体验 | 手势导航 (一)

在搭载 Android 9 及以下设备运行时,导航栏后绘制内容是可选,方便应用根据情况酌情选择。...使用 Android 10 以下设备用户同样能获得更加沉浸体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部状态栏。...更改系统栏颜色 我们应用布局现在已经拓展至全屏范围,因此需要同步更改一下系统栏颜色,以便看清其后面的应用内容。...△ Android 10 动态颜色适配 半透明遮盖 另外,系统也可以在系统栏后面放置一层半透明遮盖。...Android 9 及更早版本 如果您决定在 Android 10 以下设备实现全面屏应用,则应将系统栏颜色设置为半透明,从而确保其内容可见。

11010

Flutter沉浸式状态栏AppBar导航栏仿咸鱼底部凸起导航栏效果

如下图:状态栏是指android手机顶部显示手机状态信息位置。 android 自4.4开始新加入透明状态栏功能,状态栏可以自定义颜色背景,使titleBar能够和状态栏融为一体,增加沉浸感。...如上图Flutter状态栏默认为黑色半透明,那么如何去掉这个状态栏黑色半透明背景色,让其和标题栏颜色一致,通栏沉浸式,实现如下图效果呢?且继续看下文讲述。 ? ?...,被称之为 Android 世界Swift,由 JetBrains 设计开发并开源。...Kotlin 可以编译成Java字节码,也可以编译成 JavaScript,方便在没有 JVM 设备运行。...到此这篇关于Flutter沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果文章就介绍到这了,更多相关Flutter沉浸式状态栏导航栏 仿咸鱼底部凸起导航内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持

5K41

关于 Android 状态栏适配总结

2.状态栏颜色和我们布局颜色搭配 其实在有的时候,我们是不需要把我们内容布局延伸到系统状态栏,只是需要系统状态栏和我们内容布局颜色搭配起来。...padding ,因为这一块 padding 没法在系统状态栏。...注意在使用 fitsSystemWindow 时候,颜色问题,不同手机系统,可能会造成延伸到状态栏那一块颜色不同,理论颜色应该和根布局颜色一样。...,但其实实际是将我们布局占据了状态栏,然后状态栏是透明。...Android5.0透明no.png Android 6.0 在 Android 6.0 添加了可以更改状态栏字体颜色方法,别的都是和 Android 5.0 一样状态栏字体颜色默认是白色。

1.1K20

【Android 屏幕适配】异形屏适配 ② ( 需要异形屏适配情况 | 需要异形屏适配 Android 系统版本 | 刘海屏状态判定 | 异形屏适配调试 - 华为云调试 )

文章目录 一、需要异形屏适配情况 1、需要异形屏适配 Android 系统版本 8.0 2、正常有状态栏界面竖屏不需要适配 3、正常有状态栏界面横屏需要适配 4、刘海屏状态判定 屏幕适配参考文档...: 设备兼容性概览 屏幕兼容性概览 支持不同像素密度 声明受限屏幕支持 异形屏适配参考文档 : Google - 支持刘海屏 Google - 刘海屏涉及 API - DisplayCutout...刘海屏适配 } 2、正常有状态栏界面竖屏不需要适配 正常 Android 应用是不需要进行 异形屏 适配 , 刘海屏 耳朵区 是状态栏 , 显示 电池电量 , 信号强度 , 时间 等信息 ;...正常情况下 耳朵区 状态栏显示 : 正常界面 , 竖屏状态下 , 刘海耳朵区显示状态栏 , 这是系统自动显示 , 不需要进行适配 ; 3、正常有状态栏界面横屏需要适配 如果是横屏情况下..., 左侧 刘海 凹槽区域 , 有一块屏幕缺口 , 可能会阻挡一些内容 ; 4、刘海屏状态判定 判断该手机是否是刘海屏手机 : // 判断当前手机状态是否是刘海屏状态 int isNotchSwitchOpen

67720

最新iOS设计规范七|10大视觉规范(Visual Design)

你可以将APP设置为动态适应各种特征,包括: 不同设备屏幕尺寸,分辨率和色域(sRGB / P3) 不同设备方向(纵向/横向) 拆分视图 iPad多任务处理模式 动态类型文本大小更改 基于区域设置启用国际化功能...这些布局指南可确保根据设备和上下文进行适当插入。安全区域还可以防止内容重叠在状态栏,导航栏,工具栏和选项卡栏。系统提供标准视图将自动采用安全区域布局指南。...全屏iPhone型号状态栏比其他型号高。如果你APP采用固定状态栏高度将内容定位在状态栏下方,则必须更新APP以便于根据用户设备来动态定位内容。...请注意,当诸如录音和位置跟踪之类后台任务处于活动状态时,全屏iPhone状态栏不会更改高度。 如果你APP当前隐藏状态栏,请重新考虑全屏iPhone隐藏与否。...另外,请确保您启动屏幕与设备的当前外观模式匹配; 避免在启动屏幕包含文本。因为启动屏幕中内容不会更改,所以任何显示文本都不会被本地化。 弱化启动。

7.9K30

【Flutter 专题】41 图解神秘 SystemChrome~

SystemUiOverlay.top 默认隐藏底部虚拟状态栏(需手机支持虚拟状态栏设备),即三大金刚键;获取焦点后展示状态栏,展示大小为去掉状态栏时整体大小; SystemChrome.setEnabledSystemUIOverlays...; 1. systemNavigationBarColor 该属性仅用于 Android 设备且 SDK >= O 时,底部状态栏颜色; SystemChrome.setSystemUIOverlayStyle...2. systemNavigationBarDividerColor 该属性仅用于 Android 设备且 SDK >= P 时,底部状态栏与主内容分割线颜色,效果不是很明显; SystemChrome.setSystemUIOverlayStyle...3. systemNavigationBarIconBrightness 该属性仅用于 Android 设备且 SDK >= O 时,底部状态栏图标样式,主要是三大按键颜色; SystemChrome.setSystemUIOverlayStyle...4. statusBarColor 该属性仅用于 Android 设备且 SDK >= M 时,顶部状态栏颜色; SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle

1.8K31

Android 透明状态栏(伪沉浸式)

4.4 以上要做所谓沉浸式,其实不是真正意义沉浸式,只是一种透明状态栏。 而由于 Android API 不同,需要考虑 4.4、5.0、6.0 前后不同。...适配 5.0 和 6.0 以上 应用风格如果是白色,想把状态栏也设置成白色,会导致状态栏图标文字看不见了,经查询发现 6.0 以上可以修改状态栏图标文字风格,可以改成黑,但是 6.0 以下版本无解...// isLightStatusBarAfter23 控制是否更改状态栏图标文字颜色 int flag = isLightStatusBarAfter23 ?...,自动获取根 View 背景,还找不到的话,再找第一个子 View,一开始递归找第一个 View ,感觉没什么意义,调用者一般应该明确传颜色,不传可能就是根 View 设了背景之类。...后来考虑将颜色和图片逻辑分开,因为有图片时要重置和只是改状态栏颜色不一样,放一起如果只是改状态栏颜色会走大量无意义逻辑,当然 4.4 版本也是要将内容往下,也要特殊考虑。

2.3K20

iPhone X 适配指南 (官方翻译版)

所有应用程序都应遵循UIKit定义安全区域和布局边距,这些区域可以根据设备和上下文进行适当填充。安全区域还可以防止内容覆盖状态栏,导航栏,工具栏和标签栏。 注意状态栏高度。...状态栏在iPhone X比在其他iPhone更高。如果您应用假定固定状态栏高度用于将内容定位在状态栏下方,则必须更新您应用,才能根据用户设备动态定位内容。...请注意,当背景任务(如录音和位置跟踪)处于活动状态时,iPhone X状态栏不会改变高度。 如果您应用程序目前隐藏状态栏,请重新考虑iPhone X决定。...全屏4.7 寸设备图像 在iPhone X裁剪 iPhone X信箱 全屏iPhone X图像 在4.7 寸设备裁剪 在4.7 寸设备上进行Pillarboxing 在重复使用现有图稿时,请注意长宽比差异...颜色 iPhone X显示器支持P3色彩空间,可以产生比sRGB更丰富,更饱和颜色。 使用广泛颜色来增强视觉体验。使用宽颜色照片和视频更加逼真,使用宽色视觉数据和状态指示器更有影响力。

2.4K50

Xcode 10

资产目录定义资产和命名颜色。您可以在调试时将应用程序切换为暗模式。这一切都是使用Xcode中仅适用于您应用控件完成。无需更改系统设置。...每行旁边都会突出显示对代码更改,无论这些更改是由您本地进行,还是队友在源存储库中上游提交。...在此窗口中,您还可以在连接服务器搜索其他存储库,只需单击一下即可快速检查其中任何存储库。您可以在提取最新版本时更改更改。...模拟和测试 Xcode包含一个内置强大测试引擎。一次跨多个物理设备运行单元测试,以及UI和性能测试。或者利用Mac处理能力,使用并行运行模拟设备大大加快测试速度。...对于持续集成设置,您可以启动许多不同模拟设备类型,以便从头到尾运行完整测试工具。或者,为了尽可能快地完成测试,Xcode可以生成单个模拟设备许多克隆,并在一小部分时间内完成所有测试。

3K20

Android适配全面总结(三)----ROM适配

5、技术文档 ---- (二)华为 1、 华为开发者文档 2、华为部分设备不打印Log 部分华为设备工程模式下log是关闭,华为部分设备不打印Log解决方案: 1.如果是华为手机,进入拨号界面输入...---- 7、关于华为手机App权限更改导致应用重启坑(暂且我还没有很好解决方式) 问题重现: 1.当我们在华为手机上打开一个应用,将应用退至后台进程中。...在MIUI V6及以上版本,调用MIUI方法将状态栏图标改为黑色。发现部分小米手机,这样设置不管用,导致头上一片白,状态栏东西基本看不到。...(四)改变状态栏字体颜色为黑色适配 2.4.1 小米适配 /** * 改变小米状态栏字体颜色为黑色,要求MIUI6以上 * tested on: MIUI V7 5.0 Redmi-Note3...示例图 实现原理:利用WindowManager将我们圆角加到屏幕四个角,圆角颜色设置为黑色,形成视觉圆角屏幕。

1.9K10

如何在Mac轻松更改Finder外观

使用系统偏好设置来更改Finder外观 更改配色方案是您可以应用于Finder最基本自定义设置。这使您可以更改标题栏以及文件管理器突出显示颜色。...更改此项目旁边下拉列表,以为macOS选择新配色方案,包括Finder。 接下来是Finder用于突出显示所选文件或文件夹颜色。...单击“突出显示颜色”旁边下拉菜单,然后从列表中选择一种新颜色。 除上述内容外,您还可以调整其他一些选项来更改Finder在Mac外观。...在Finder中隐藏各种元素 Finder在其窗口中显示各种项目,如侧栏,工具栏,路径栏和状态栏。这些选项使您可以快速跳转到Mac各个位置。...单击显示菜单,然后选择隐藏状态栏。你们都准备好了 在Finder中更改文件夹图标 Finder对所有文件夹使用相同图标,但是您可以为所选文件夹更改此图标。

5.8K00

全屏、沉浸式、fitSystemWindow使用及原理分析:全方位控制“沉浸式”实现

APP端之所以能够更改状态栏颜色、导航栏颜色,其实还是操作自己View更改UI。...可以这么理解:状态栏与导航栏拥有自己独立窗口,而且这两个窗口优先级较高,会悬浮在所有窗口之上,可以把系统自身状态栏与导航栏看做全透明,之所有会有背景颜色,是因为下层显示界面在被覆盖区域添加了颜色...下面就来分析一下,APP层API如何影响SystemUI显示,并一步步解开所谓沉浸式与全屏原理,首先看一下如何更改状态栏颜色。...函数,DecorView是属于ActivityPhoneWindow内部对象,也就说,更新对象从所谓Window进入到了Activity自身布局视图中,接着看DecorView,这里只关注更改颜色...DecorView级别的WindowInsets消费 默认样式Activity状态栏是有颜色,如果内容直接扩展到状态栏下方,一定会被覆盖掉,系统默认实现是在DecorView根布局加了个padding

5.2K40

iOS多设备适配简史以及相应API支撑实现

iOS11出来后尤其是iPhoneX设备推出,iPhoneX设备特殊性表现为顶部状态栏高度由20变为了44,底部还出现了一个34安全区,当横屏时还需要考虑左右两边44缩进处理。...你需要对所有的布局代码进行重新适配和梳理以便兼容iPhoneX和其他设备,这里面还是状态栏高度以及底部安全区高度尤为棘手。 个人认为这两个版本发布是iOS开发人员遇到需要大量布局改版版本。...,网络以及苹果官方都有很多资料在介绍这些属性意思。...占位视图类UILayoutGuide 在iOS9以前两个视图之间间距和间隔是无法支持浮动和可伸缩设置,以及我们可以需要在两个视图之间保留一个浮动尺寸空白区域,解决方法是在它们中间加入一个透明颜色...SizeClasses多屏幕适配 当我们程序可能需要同时在横屏和竖屏下运行并且横屏和竖屏下布局还不一致时,而且希望我们应用在小屏幕和大屏幕(比如iPhone8 Plus 以及iPhoneX S

1K30

Android状态栏颜色修改

前言 Android 4.4(API 19)之后,就提供了修改状态栏颜色方法,但是在 Android 6.0(API 23)之后,才支持修改状态栏上面的文字和图标颜色,默认是白色。...所以会导致一个问题,在 4.4 到 6.0 之间系统,状态栏设置为浅色的话,状态栏上面白色文字和图标会看不清 有一些第三方系统提供了设置状态栏状态栏文字、图标颜色方法,比如小米MIUI和魅族...当然,这里面也会有坑,比如 MIUI 提供修改状态栏字体颜色方法会跟 Android 系统自带方法冲突,官方说明如下: 关于MIUI状态栏字符颜色逻辑调整说明 经过网上资料和自己尝试,MIUI...系统还是同时使用 MIUI 提供方法和 Android 系统自带方法来修改状态栏字体颜色比较保险。...,暂时没有修改状态栏文字图标颜色方法,有可以加上 } } } } /** * 设置Flyme系统状态栏文字图标颜色

3.9K30

一个Android沉浸式状态栏黑科技

说起来,在不知不觉中,我竟然凑成了这沉浸式状态栏三部曲。 其实最开始时候,我主要是因为工作原因想要在Android版Edge浏览器实现首页图片沉浸式功能。...可以看到,这些App虽然实现了沉浸式状态栏效果,但是由于状态栏图标变得难以看清,所以最终效果可能反而不好。 但是,Edge浏览器是不会存在这种问题。为什么呢?...从设计层面解决相对会比较容易一些,同时应该也是大部分App会采用方案,那就是在背景图上方再盖一层阴影。有了这层阴影之后,我们可以让状态栏图标始终都是浅色。...即使出现浅色背景图,由于阴影层存在,状态栏图标依然是可以看得清。 但如果只是用这个方案解决的话,那么我就不会写本篇文章了。因为这里我们会采用第二种方案,从技术层面解决。...这里我准备了几张不同背景图,由Palette解析之后,会根据识别出颜色值动态更改状态栏图标的颜色。 这是深色背景图效果。 这是浅色背景图效果。

1.4K10

iOS之深入解析Xcode 13正式版发布40个新特性

、Vim 键绑定支持、Swift 包集合; 可以在命令行使用 cktool 与 CloudKit 数据库架构和记录进行交互; 可以在命令行使用 TextureConverter 将纹理压缩为所有 Metal...; 现在可以使用键盘选择和导航大纲视图组,例如 Constraints; Interface Builder 有一个重新设计画布底部栏,带有用于更改设备和布局弹出窗口,以及用于更改设备外观和方向开关...枚举自定义如何将性能测试自定义指标的测量值与设置基线进行比较; XCTest 现在能够在受支持 iOS 设备 UI 测试中合成指针交互; Xcode 现在为在运行测试时崩溃进程收集代码覆盖率数据...,并显示描述如何停止自动化文本; 在 macOS 中,或在具有密码设备使用自动化时,必须从管理员帐户运行自动化,并且必须进行身份验证以授权自动化; XCTest 现在支持从 App Tracking...自定义视图支持通过 tintColor 属性设置视图色调颜色。这可用于将视图颜色设置为每个轨道不同颜色或匹配应用程序外观。

8.6K40
领券