Pixel 2 XL设计布局的尺寸是什么？

Pixel 2 XL是Google推出的一款智能手机，其设计布局的尺寸如下：

屏幕尺寸：Pixel 2 XL采用了一块6英寸的OLED显示屏，具有18:9的屏幕比例。
分辨率：屏幕分辨率为2880x1440像素，提供了清晰的显示效果。
外观尺寸：Pixel 2 XL的外观尺寸为157.9 x 76.7 x 7.9毫米。
重量：手机的重量为约175克。
其他特点：Pixel 2 XL采用了边框较窄的设计，具有较高的屏占比，提供更好的视觉体验。

Pixel 2 XL是一款功能强大的智能手机，适用于各种应用场景，包括但不限于日常通信、社交娱乐、办公工作等。作为一款Google的产品，Pixel 2 XL还提供了丰富的生态系统支持，包括Google Play商店、Google云服务等。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云区块链：https://cloud.tencent.com/product/baas
腾讯云音视频服务：https://cloud.tencent.com/product/vod

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter之屏幕适配

原理 UI 设计的时候一般会按照一个固定的尺寸进行设计，如 360 x 690 ，实际设备分辨率可能是 Google Pixel: 1080 x 1920 、Google Pixel XL: 1440...将设计图分为固定单位并给这个单位定义一个标识，例如就叫 w，然后通过获取设备分辨率，使用设备真实宽度除以设计图宽度，就得到了 1w 代表的真实宽度: 1w = 设备真实宽度 / 设计图宽度如设计图尺寸是...根据上面的算法，得到对应设备的 1w 的真实宽度： Google Pixel: 1w = 1080 / 360 = 3 Google Pixel XL：1w = 1440 / 360 = 4 iPhone.../ 690 = 2.78 Google Pixel XL：1h = 2560 / 690 = 3.71 iPhone 12 Pro Max：1h = 2778 / 690 = 4.03 得到换算以后...flutter_screenutil：让你的UI在不同尺寸的屏幕上都能显示合理的布局!

1.9K2 0

谷歌新旗舰Pixel 3让AI帮你接电话：你是谁？为什么来电？

以下是对Pixel 3的深入剖析，这里有你想知道的一切，帮助你了解这款最新的Android手机是否物有所值。共有两款手机，小的是Pixel 3，大的是Pixel 3 XL。...拿在手上，Pixel 3和Pixel 3 XL的尺寸与去年的Pixel 2和Pixel 2 XL相同，但是屏幕尺寸更大，Pixel 3为5.5英寸，3 XL为6.3英寸。...屏幕边框更小，OLED显示屏采用柔性设计，所以边缘带有弧度。 ? 较小的Pixel 3在顶部和底部仍然有黑色边框（尽管尺寸有所减小）。...因为根据Pixel的副总裁Mario Queiroz的说法，上下两边是否为全面屏设计对这类消费者来说“不太重要”。...Pixel 3的背面现在由玻璃制成，可通过Qi认证的充电器进行无线充电。该公司设计副总裁Ivy Ross说，光滑的玻璃背板的一部分是有纹理的哑光效果，可以隐藏指纹。

7091 0

Made by Google|谷歌发布Pixel 3系列手机，比起硬件更多的是展示其AI实力

Pixel 3&Pixel 3 XL：毫无秘密的新品，但有AR和AI摄像撑场子硬件配置：缺乏惊喜谷歌这次的Pixel 3 XL可以说是开创了“新机花式泄露”法。...Pixel3&Pixel 3 XL硬件参数对比由图可见，两款手机主要是在屏幕尺寸与材质细节、机身比例，以及电池续航上有所差异。而在系统、处理器等其他重要的硬件参数上并无不同。...总体而言，与Pixel2相比，本次的新品在硬件参数上，并未给大家带来惊喜，竞争力也一般。那么，Pixel 3和Pixel 3 XL的亮点到底在哪儿呢？...谷歌宣布将此前为Pixel 2发布的AR Sticker模式重命名为“Playground”，并将其作为新品Pixel相机应用的新模式。而原先的Stickers则更名为“Playmoji”。 ?...1.4μm 后置摄像头：800万像素、f/1.8 光圈、单位像素尺寸 1.12 μm、自动对焦像素分辨率：3000×2000 像素密度：高达293PPI 屏幕尺寸：12.3 英寸，比例为3:2 机身：

8682 0

常用的CSS样式

{ -webkit-transform: scaleY(0.7); transform: scaleY(0.7); } } /* 如果网页在最小屏幕像素比为2的移动设备上运行...*/ @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) { .border-1px::after {...-webkit-transform: scaleY(0.5); transform: scaleY(0.5); } } 使用 flex 布局的兼容性写法 .flex...important; } 响应式布局中屏幕尺寸的表示这里是以 iView 框架为例，不同框架的尺寸值可能不一样 xs 超小屏幕手机 (<576px) sm 小屏幕平板 (≥576px...) md 中等屏幕桌面显示器 (≥768px) lg 大屏幕大桌面显示器 (≥992px) xl 超大屏幕 (≥1200px) xxl 超级大屏幕 (≥1600px) 设置标签的高度为浏览器窗口的高度

6483 0

Android屏幕适配AndroidAutoSize的使用「建议收藏」

layout_height="220dp" android:background="@color/colorAccent" /> 在1080*2160 DPI400显示效果在Pixel_XL...在1080*2160 DPI400显示效果在Pixel_XL 1440*2560 560DPI显示效果可以看到底部的两块区域刚好填充完屏幕副单位的使用初始化 //AndroidAutoSize...dp 进行布局的页面的兼容 //让开发者的旧项目可以渐进式的从 dp 切换到副单位, 即新页面用副单位进行布局, 然后抽时间逐渐的将旧页面的布局单位从 dp 改为副单位 //最后将 dp 全部改为副单位后...AndroidManifest 中需要填写的设计图尺寸, 不需再把像素转化为 dp //AndroidAutoSize 默认开启对 dp 的支持, 调用 UnitsManager.setSupportDP...将 dp 的支持关闭, 彻底隔离修改 density 所造成的不良影响 //如果项目完全使用副单位, 则可以直接以像素为单位填写 AndroidManifest 中需要填写的设计图尺寸, 不需再把像素转化为

2.8K2 0

强大的ConstraintLayout：使用ConstraintLayout打造响应式UI

案例1：等分设计稿标注如下： [设计稿标注] 常规解法很常见的设计样式，通常解法：横向线性布局套上两个竖向线性布局；横向线性布局设为等分两个子线性布局；竖向线性布局设为水平居中。...[效果图1] [效果图2] [适配规则] 拆解下设计师的意思： 1.0. 首先忽略设计稿描述有误的部分：比例大于9:16，即高度小于理想尺寸；比例小于9:16，即高度大于理想尺寸 1.1....2, 420dpi)] [6.3'' 1440 x 2960 (Pixel 3 XL, 560dpi)] 至此，根据屏幕大小，动态适配头部、中部、底部三个区域的需求，算是完成了。...先依次看看，设为下面三种情况，布局会是怎样的效果（简单起见只放Pixel 3 XL的效果图）：头部设为gone 底部设为gone 头部和底部均设为gone [头部设为`gone`，6.3'' 1440...[整体在水平/竖直方向上居中] 后记案例2的设计稿找到了，如下图 [案例2设计稿：自适应长度的线和自适应的文本]

2.9K2 1

【例说Arm-2D界面设计】任意尺寸的圆角矩形（上）

【书接上回】在上篇文章《【例说Arm-2D界面设计】做剪影风也太简单了8！》中我们介绍了使用透明蒙版的方法来实现“性冷淡风”图标显示的方法。...Arm-2D界面设计】从不规则图标的显示说起》中所提出的那样：现代界面设计中圆角矩形是一个不可或缺的图形要素。...；为每一个可能用到圆角矩形的地方都保存一个固定尺寸的透明蒙版会占用大量的存储空间；那么有没有一种方法可以同时解决上述问题——以极小的代价在资源高度受限的嵌入式环境下提供任意尺寸圆角矩形（透明蒙版）的方案呢...更具体的，我们不妨设计一个专门的函数，来绘制指定尺寸、颜色和透明度的圆角矩形： void draw_round_corner_box( const arm_2d_tile_t *ptTarget,...限于篇幅的原因，关于如何以圆角矩形的方式来显示指定的图片，就放到下一篇来继续讲解了。收录于话题 #Arm-2D 上一篇【例说Arm-2D界面设计】从不规则图标的显示说起

8582 0

吹爆谷歌Pixel 3|坚挺单摄撑起一片天，算法真的很重要

“直男审美”的极致说个笑话，估计谷歌是醉心于AI研究，没太多时间设计手机外形……Pixel 3 XL丑得突破天际。而且！...2017年10月5日，谷歌Pixel 2/XL正式发布。 ?...面对当时手机双摄的流行，谷歌对坚持单摄的原因表示道：“Pixel 2/ XL只需单摄+软件算法，即能实现与使用双摄相同的效果。” 2018年10月9日，Pixel 3/XL正式发布。 ?...与Pixel 2/XL相比，Pixel 3/XL额外增加了一枚前置摄像头，以配合使用一些最新的技术。主摄像头还对其视觉协同处理芯片“Visual Core”，进行了重大升级。...Pixel 3系列而本次谷歌升级了Pixel 3/ XL的CMOS传感器，尺寸达1/2.55英寸，单像素大小1.4μm，支持OIS光学防抖。

9904 0

一周VR热点回顾：人人都说九寨沟美，其实最美不过人心

因《战狼2》而身价大涨的吴京虽在第一时间向灾区捐款100万，却被部分网友嫌弃捐得太少，善举无端演变成了“逼捐”。灾难面前，人性的善与恶，显露无遗。...Magic Leap的研究重点关注如何从常规图像中寻找和识别房间的布局。 VRPinea观点哦我的上帝，Magic Leap该不会是把我们当成小傻瓜了吧。...谷歌Pixel XL降价200美元，附送Daydream View头显 ? 谷歌Pixel开始降价出售。...谷歌Pixel优惠价为524美元（原价649美元），谷歌Pixel XL优惠价为569美元（原价769美元），优惠额分别为125美元和200美元。...MakeVR Pro的优化功能，可以提升3D项目的精度和细节，从而满足专业3D设计师的需求。

8619 0

为长屏幕设备做好准备

原文作者： Android 开发者平台 Fred Chung 最近几个月发布的 Android 手机型号，全面屏，特长纵横比（16:9 以上）和圆角的设计都已成为了一种潮流（如 Pixel 2 XL...因此大家千万不要忽略多尺寸屏幕优化的重要性。我们综合了一些应用兼容性测试的经验，和大家分享 Android OS 相关的支持和最佳实践。...建议大家参考 Material Design 指南，在布局上留下大概 16dp 的边缘空间。如果响应式 UI 不适合您的场景，作为最后一步，考虑按照以下方式声明最大支持纵横比。...在布局 XML 里，您可以定义 Activity 尺寸的默认值和最低支持值，也可以选择性地支持跨 Activity Drag-and-Drop 等。充分的测试是一项关键。...若开发者没有长屏幕设备，我们建议在模拟器上设置合适的屏幕尺寸和屏幕分辨率等硬件属性，从而进行测试。每一位开发者都希望在长屏幕设备上给用户留下深刻的印象。

7513 0

听说Pixel 2 XL自上市以来问题不断，这是真的吗？

甚至有专业人士指出，如果烧屏情况愈加严重，谷歌或将考虑停产Pixel 2 XL。 ? 目前，谷歌尚未针对Pixel 2 XL的屏幕问题给出回复，但外界纷纷猜测问题出在LG生产的那块P-OLED屏幕上。...因为问题仅出现在6英寸的Pixel 2 XL，故采用三星供货的AMOLED屏的Pixel 2并未受影响。 ?...我们今天的重点不在于给Pixel 2 XL带来质量问题那块屏上，而要重点谈谈Pixel 2 XL，以及背后的Daydream平台，和与其息息相关的Daydream View头显，毕竟Pixel系列手机承载...束手束脚的Daydream平台，出路何在？ Pixel 2和Pixel 2 XL的推出，一下子拉回了我们的记忆，那个逐渐的被人遗忘Daydream平台。确实，这并不怪大家。...再加上此次Pixel 2 XL出现质量问题，在一定程度上也影响了消费者对于Daydream的看法。所以，白日梦终究只是一场梦吗？

6906 0

现代图片性能优化及体验优化指南

像是这样： #id { background: url(xxx@2x.png) } @media (device-pixel-ratio: 2) { #id { background...我们会介绍 4 个新的特性： aspect-ratio object-fit object-position image-rendering 使用 aspect-ratio 避免布局偏移很多时候，只能使用固定尺寸大小的图片...：所以对于图片，我们总是建议同时写上高和宽，避免因为图片尺寸错误带来的布局问题： ul li img { width: 150px; height: 100px; } 同时，给 <img...当然，到今天，我们还可以使用 aspect-ratio 设定图片的高宽比。 aspect-ratio CSS 属性为容器规定了一个期待的宽高比，这个宽高比可以用来计算自动尺寸以及为其他布局函数服务。...ul li img { width: 100%; aspect-ratio: 3 / 2; } 这里，容器基于 Flex 弹性布局或者响应式布局，其宽度是不固定的，但是图片的宽高比是固定的

1.4K3 0

创建高效media queries的七个好习惯

2. 把布局看作为增强行为（Treat layout as an enhancement）作为移动优先的响应式设计策略的一部分，以移动优先的方式书写样式是非常重要的。...次转效点：某些特定元素的调整，或称为tweakpoint 使用Sass管理转效点 $bp-small : 24em; $bp-small-2 : 29.75em; $bp-small-3 : 39.8em...; $bp-med : 46.8em; $bp-med-2 : 48em; $bp-large : 50em; $bp-large-2 : 54.5em; $bp-xl : 60em; $bp-xl-2...使用相对单位（Use relative units） media queries中使用相对单位，浏览器可以根据用户的缩放等级调整设计效果，避免出现横向滚动条，提供一个更加舒适和易于阅读的体验。 ?...使用pixel-density可以为视网膜屏或其他高分辨率屏幕有条件的提供大背景图片或icon sprites。使用height检测可用的屏幕高度，并相应的调整样式。

2162 0

探秘目前最流行的css框架

Tailwind CSS这么受欢迎 Tailwind CSS 是什么？...Tailwind CSS是一个高度可定制的CSS框架，用于构建现代化的Web界面。它提供了一系列预定义的样式类，可以直接应用于HTML元素，从而快速而灵活地创建页面布局和设计。...响应式设计：响应式设计是现代Web开发中的重要需求，但传统的CSS框架对于响应式设计的支持有限。...Tailwind CSS提供了一套强大的响应式工具和类，使得开发者可以轻松地创建适应不同屏幕尺寸的布局和样式。...//（字体大小：1.25rem；） text-2xl //（字体大小：1.5rem；） text-3xl //（字体大小：1.875rem；） text-4xl //（字体大小：2.25rem；)

3964 0

Daydream View + Pixel 2初体验，意料之中的进步

美国时间10月4日，谷歌在旧金山的新品发布会上推出了一系列产品，其中，2017年最新的Google Daydream View头显，同时运行了Pixel 2和Pixel 2 XL。...Pixel 2和Pixel 2 XL像素的差异 Pixel 2 XL具有更高分辨率的显示屏和更大的屏幕，当用于VR时，能显示出更清晰的图像和更大的视野。...上一代的Pixel和Pixel XL可以在新的Daydream View中正常工作，但是，新的Pixel 2和Pixel 2 XL将会在旧的Daydream View（2016）中正常工作。 ?...显示屏透过镜头，Pixel 2 XL的PPI与Pixel XL（538 PPI vs 534 PPI）几乎一样，所以不要期待新设备可以带来更清晰的图像。...在原来的Pixel XL上，mura校正是体面的，不会太分散注意力，但是在Pixel 2 XL,mura似乎脱颖而出，你会看到一种淡淡的亚麻样纹理覆盖住视野。 ?

9188 0

Android 目前最稳定和高效的UI适配方案

的Pixel2（19201080）的dpi是420，也就是说，在Pixel2中，1dp=2.625px,这样会导致相同分辨率的手机中，这样，一个100dp100dp的控件，在一般的1080P手机上，可能都是...300px,而Pixel 2 中，就只有262.5px,这样控件的实际大小会有所不同。...第二个问题，这种方式无法快速高效的把设计师的设计稿实现到布局代码中，通过dp直接适配，我们只能让UI基本适配不同的手机,但是在设计图和UI代码之间的鸿沟，dp是无法解决的，因为dp不是真实像素。...然后我们就可以直接在布局文件里面使用具体的像素值了，比如，设计稿上是96*96,那么我们可以直接写96px，APP运行时，框架会帮助我们根据不同手机的具体尺寸按比例伸缩。...原生的dp适配可能会碰到Pixel 2这种有些特别的手机需要单独适配，但是在smallestWidth适配中，通过计算Pixel 2手机的的smallestWidth的值是411，我们只需要生成一个values-sw411dp

1.3K2 0

Flutter TolyUI 框架#01 | 响应式布局#使用篇

在布局过程中，通过指定单元格的跨度来调节区域宽度：响应式布局根据屏幕尺寸宽度，由小到大分为 xs、sm、md、lg、xl 五个阶层，我称之为响应式尺阶，简称尺阶。...栅格系统最基础的是在布局区域宽度缩放时，其中的单元格尺寸占比保持不变(如下图所示)。...确切来说是基于响应尺寸创建数字的函数对象。其中拓展方法 rx 会返回一个函数，便于创建任何响应尺寸中都一致的数字。响应式布局的精髓在于：可以基于当前窗口尺寸，给出适应性的 span 数字。..., // (超大屏幕): } 在设计的过程中，我发现前端不同的 UI 框架对响应阶层的划分并不一致。...以此实现响应式的整体布局结构。而在窗口尺寸变化时，感知尺阶数据的核心就是 WindowRespondBuilder 。

4901 0

Android开发稳定和高效的UI适配方案总结

的Pixel2（1920*1080）的dpi是420，也就是说，在Pixel2中，1dp=2.625px,这样会导致相同分辨率的手机中，这样，一个100dp*100dp的控件，在一般的1080P手机上...，可能都是300px,而Pixel 2 中，就只有262.5px,这样控件的实际大小会有所不同。...第二个问题，这种方式无法快速高效的把设计师的设计稿实现到布局代码中，通过dp直接适配，我们只能让UI基本适配不同的手机,但是在设计图和UI代码之间的鸿沟，dp是无法解决的，因为dp不是真实像素。...然后我们就可以直接在布局文件里面使用具体的像素值了，比如，设计稿上是96*96,那么我们可以直接写96px，APP运行时，框架会帮助我们根据不同手机的具体尺寸按比例伸缩。...原生的dp适配可能会碰到Pixel 2这种有些特别的手机需要单独适配，但是在smallestWidth适配中，通过计算Pixel 2手机的的smallestWidth的值是411，我们只需要生成一个values-sw411dp

4573 0

新一代Pixel手机，谷歌能否颠覆移动VR？

美国时间10月4日，在谷歌的新品发布会上，推出了手机Pixel 的续品Pixel 2以及VR头显。该款机型与之前爆出的差别不大，标准版Pixel 2屏幕大小为5英寸，而XL款的屏幕大小为6英寸。...不可置信的是，在这次的新品发布会上，Google推出了全面屏手机的旗舰新标杆Pixel 2 XL。...Pixel 2的电池容量为2700mAh，而Pixel 2 XL的电池容量将会达到3520mAh。两款手机都支持IP67级别的防尘防水。另外，这两款手机将会拥有源于HTC的边缘压感功能。...从图片中我们看到，新款的Pixel 2系列手机，它的外观和它的前身没有大的变化，分色玻璃和金属后盖的两段式设计依旧存在。 ? 之前盛传，Pixel 2系列手机将打开安卓机全面屏时代。...但是，从图片上来看，只有Pixel 2 XL是全面屏。Piexl 2的额头下巴都很宽。曾经，谷歌嘲笑苹果7取消耳机插孔，但是，现在Pixel 2系列也取消了3.5毫米耳机接口，边框还很粗大。

60510 0

简谈Bootstrap4与Bootstrap3的区别

Bootsrap3采用的float布局，而Bootstrap采用的flex布局 Bootstrap4中的栅格系统可以不用添加指定的列数如row 里面有2个col 会任何尺寸下均分row Bootstrap3...,当小于屏幕尺寸小于栅格类时会占满整个屏幕注意点： Bootstrap4中不能使用Bootstrap3中的hidden-xs,visible-xs类在Bootstrap4中如果你想实现在某个尺寸下隐藏...hidden-xl| d-xl-none visible-xs| d-sm-none visible-sm | d-sm-block d-md-none visible-md| d-md-block...d-lg-none visible-lg| d-lg-block d-xl-none visible-xl| d-xl-block 值得一提的是B3中使用hidden-sm只会在sm尺寸下隐藏，而其他尺寸会正常显示...，在B4中如果你单纯的指定d-sm-none 则该元素会在sm尺寸隐藏，但sm以上的尺寸也会隐藏，在sm之下的尺寸正常显示，这里就涉及到向上兼容的问题，所以你在设置sm元素隐藏时还得设置md尺寸显示，如上表

8324 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云