首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Android刘海、水滴全面适配小结

现在,市面上的屏幕尺寸和全面方案五花八门。这里我使用了小米的图来说明: ? 上述两种屏幕都可以统称为刘海,不过对于右侧较小的刘海,业界一般称为水滴或美人尖。...为便于说明,后文提到的「刘海」「刘海区」都同时指代上图两种屏幕。 刘海、水滴全面适配细节 当我们在谈屏幕适配时,我们具体谈什么呢?...声明最大长宽比 以前的普通长宽比为16:9,全面手机的屏幕长宽比增大了很多,如果不适配的话就会类似下面这样: ?...适配刘海 Android9.0适配 Android P(9.0)开始,官方开始提供了官方的挖孔适配API,具体可以参考Support display cutouts。...1,设置应用窗口在华为刘海手机使用刘海区。

1.9K10

Android刘海、水滴全面适配详解

现在,市面上的屏幕尺寸和全面方案五花八门。这里我使用了小米的图来说明: ? 上述两种屏幕都可以统称为刘海,不过对于右侧较小的刘海,业界一般称为水滴或美人尖。...为便于说明,后文提到的「刘海」「刘海区」都同时指代上图两种屏幕。 刘海、水滴全面适配细节 当我们在谈屏幕适配时,我们具体谈什么呢?...声明最大长宽比 以前的普通长宽比为16:9,全面手机的屏幕长宽比增大了很多,如果不适配的话就会类似下面这样: ?...适配刘海 Android9.0适配 Android P(9.0)开始,官方开始提供了官方的挖孔适配API,具体可以参考Support display cutouts。...1,设置应用窗口在华为刘海手机使用刘海区。

2.8K40

【Android 屏幕适配】异形适配 ① ( 异形类型:刘海、水滴、挖孔 | 沉浸式布局刘海适配 | 华为手机异形适配注意点 )

文章目录 一、异形类型:刘海、水滴、挖孔 二、沉浸式布局刘海适配 三、华为手机异形适配注意点 屏幕适配参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 异形适配参考文档...: Google - 支持刘海 Google - 刘海涉及的 API - DisplayCutout 小米 - 刘海、水滴、挖孔 Android P/Q 适配 小米 - 刘海、水滴 Android...O 适配 VIVO - 异形适配指南 OPPO - OPPO凹形 ( 刘海 ) 适配说明 OPPO - OPPO挖孔适配指导 详解Android刘海适配 异形适配难点是 需要针对 不同的手机厂商..., 不同的 Android 系统版本 进行适配 ; 一、异形类型:刘海、水滴、挖孔 ---- Android 手机除了正常屏幕之外 , 还存在异形 , 这些屏幕也需要进行适配 ; 异形有...刘海、水滴、挖孔 3 种类型 ; 刘海 : 在屏幕上方中间位置 , 有一块矩形刘海 ; 水滴 : 在屏幕上方中间位置有一个水滴状摄像头 ; 挖孔 : 屏幕上方不规则的挖孔

2K40

NW.js构建跨平台桌面应用(2)-原生界面API

[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样的桌面应用,除了由NodeJS处理底层功能,以及由Webkit来应付窗口GUI外,还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互的能力...而前面提到的两者,要么无法访问GUI,要么受限于API边界,均无法提供 NW.js Native UI APIs 则在其他JS层的顶部提供了这些完整的功能 1.1 获取nw实例 旧版本中可以用 var...App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件,此处谈论的是打开关联的文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现的...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象的一层包装,很多(并非所有)方法和属性继承了后者的用法,同时window对象也是 Node.js...在NW.js里,同样的操作只是传递文件路径字符串而已,而非拷贝其内容;同时一些浏览器中的安全限制被解除,并赋予其一些增强的能力,从而使用户体验更接近原生应用

6.4K40

前端骨架方案小结骨架

骨架 最近在项目不时有用到骨架的需求,所以抽时间对骨架的方案作了一下调研,骨架的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家....作为首渲染的优化....第一类用途 第一类用途需要自己编写骨架,推荐两个成熟方便定制的svg组件定制为骨架的方案 react-content-loader vue-content-loader 作为首渲染(自动化方案)...该方案是饿了么在骨架的实践中总结出的一套方案: 骨架的dom结构和css通过离线生成后构建的时候注入模板中的节点下面....小程序的骨架 不存在预渲染的概念,但是还是可以通过自己预先编写骨架组件放在页面中,等到异步请求的数据回来后更新页面.

1.5K10

关于骨架与首渲染

为了提升下用户体验,讲下项目中这个骨架的处理吧。...项目相关:vue-mall 1、骨架 骨架就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构,这样可以让用户有个更好的体验感。...(4)借助Puppeteer自动生成骨架 这个是利用chrome的puppeteer来获取页面的DOM结构,然后来生成骨架。考拉就是利用的这个方案,-->详见。...5、小结 综上所述,目前我能想到的骨架解决方案就是这样的了,mall项目中也是这样写的,麻烦的地方就是需要骨架的页面都需要自己去定位然后写下骨架,不够自动化,但是我觉得也还好吧,其实一个项目中几个主要的页面走下骨架就行了...,并不需要每个页面都骨架

99320

快速了解Electron:新一代基于Web的跨平台桌面技术

在这之前,Zhao主要进行node-webkit(现在叫nw.js)的开发工作。...的功能,nw.js 则直接使用了 Chromium本身。...4)那在 Electron 和 NW.js 之间,为啥选择前者? 我没怎么用过 NW.js,但当时在没有时间深入体验的实际情况下,我选择生态好的。...强大的扩展性:借助node-ffi,为应用程序提供强大的扩展性(更详细的介绍可以自行百度相关资料了解一下)。 6、那么,都有谁在用 Electron?...使用新框架的迅雷X可以完美支持2K、4K等高清显示,界面中的文字渲染也更加清晰锐利。从技术层面来说,新框架的界面绘制、事件处理等方面比老框架更加灵活高效,因此界面的流畅度也显著优于老框架的迅雷。

3.9K20

Android编程判断横、竖及设置横竖的方法

本文实例讲述了Android编程判断横、竖及设置横竖的方法。...分享给大家供大家参考,具体如下: 还是这个手机项目,有一个需求是整个工程中只有刚进去的界面允许横显示,并且要将该界面的标题隐藏,当切换回竖显示的时候,标题变为可见,一开始我百度了一下有一个监听activity...是否横的监听函数,如下: // 橫不重新加載activity,調用該方法 @Override public void onConfigurationChanged(Configuration newConfig...,就将标题隐藏,竖的时候就显示,逻辑上看似没错,当我虚拟机测试的时候感觉都没问题,过了好几天,测试反馈来一个很奇怪的bug,描述如下: 测试人员测试的时候,并没有按照常规竖进入主界面,而是调皮的一直从登陆界面横进入的...既然知道了问题,那就好办了,下面是解决办法: 当用户从登陆界面登陆之后,设置改界面为竖显示(这一步是为了让悬浮菜单计算弹出的宽度),当执行完之后,再重新设置改界面支持横竖显示,代码如下: /** *

2.5K30

智慧、智能、智、社交电视,你玩明白了没?

;最近,小度也发布了首款智能电视,名叫“巨电视”。...智业务营收占到TCL电子总收入的66.1%,但是其中7成左右收入都来自海外。 又比如华为智慧,来自中怡康的数据显示,今年上半年具体销量约7.2万台,与数千万的彩电出货量相比实在是不值一提。...智慧、智能、智、 社交电视,看看销售怎么说 虽然不是周末,小米的线下体验店中依旧有不少人进进出出,展示墙上多款智能电视依次陈列,在了解笔者需求后,销售人员介绍了起来。 “您家客厅大概多大呢?...小米智能电视不愧是连续蝉联国内市场销量第一的产品,销售人员很热情,也非常专业,但在听了一阵后一直没有讲到我想知道的重点,还是忍不住打断了他,“现在市场上好多品牌都在做智能电视,什么智、智能、智慧…...大概停顿了2、3秒,销售人员才说“对我知道,TCL是叫智嘛,智慧是华为的嘛。”

53920
领券