从远古时代的结绳记事，到报表的兴起，再到现在多维、VR技术的繁荣，人们在数据可视化的道路上一直马不停蹄。如今，3D技术的广泛应用使人们观感世界变得更加绚丽多姿。 除了像上述图中这样直观的体验外，3D技术其实已经成熟的运用于各类数据可视化平台中，如大屏指挥系统、应急预警平台、功能汇报展示平台等，而智慧城市则是3D数据可视化运用最广泛的场景之一，通过3D大屏能让管理者更加直观的认
液晶拼接屏凭借超薄轻巧、超高清、高对比度、宽视角、低功耗寿命长、系统运行稳定可靠、画面亮度均匀影像稳定不闪烁等高性能成为多个行业领域广泛应用的显示设备终端，随着液晶拼接技术的不断发展，出现了异形拼接技术以实现多角度的形状各异的画面效果。那么下面就来了解一下液晶拼接屏的异形拼接有什么特点。 1、与常规拼接不同的拼接方式。异形拼接屏是液晶拼接单元以不常规的拼接方式组成，常规的拼接方式一般采
转载
2023-12-10 09:49:18
51阅读
<template> <div ref="appRef" class="app-viewport" id="appRef"> </div> </template> <script> let loading = null; // import drawMixin from '../libs/drawM
原创
2024-01-22 13:48:13
163阅读
关于手机的屏幕设计，从用户体验角度出发的话当然是屏占比越高越好，所以在2017年全面屏手机开始爆发，几乎每一家手机厂商都发布了全面屏手机，但是这些依然有着“额头”和“下巴”的全面屏手机显然还不是设计上的极限，其实手机的屏占比还能够更高一点，所以异形全面屏出现了，而且异形全面屏会是2018年手机厂商对于屏幕设计的一个主流趋势。在进入3月以后，OPPO率先公布了其将要发布的下一款产品的海报，这款产品被
转载
2023-11-17 20:47:56
88阅读
scale 大屏适配方案
原创
2023-07-20 19:28:39
466阅读
# Android 折叠屏适配方案入门指南
在当前的智能手机市场中，折叠屏设备的兴起为开发者提供了新的机遇和挑战。为了有效地在折叠屏设备上适配应用，开发者需要掌握一系列的步骤和技巧。本文将带你了解如何实现 Android 折叠屏适配方案，提供具体代码示例，并通过清晰的图示来帮助你理解。
## 一. 整体流程
下面的表格展示了进行 Android 折叠屏适配的步骤：
| 步骤 | 描述 |
原创
2024-08-24 08:25:29
463阅读
随着游戏设备的不断增加，屏幕的分辨率也越来越多，所以针对不同的屏幕分辨率，Unity中也提供了分辨率自适应的机制。游戏中的分辨率自适应主要做两方面的工作：①、调整画布组件 ②、调整锚点调整画布组件：UGUI中Canvas Scaler组件是调整整体缩放的，有三种模式：Constant Pixel Size:固定像素尺寸，在任何分辨率下都不会进行缩放拉伸，只能通过改变Scale Fac
转载
2024-03-02 08:28:35
403阅读
1.HTML 面试知识点总结1.1 DOCTYPE 的作用是什么？1.2 标准模式与兼容模式各有什么区别？1.3 HTML5 为什么只需要写 ，而不需要引入 DTD？1.4 SGML 、 HTML 、XML 和 XHTML 的区别？1.5 DTD 介绍1.6 行内元素定义 CSS2.1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？2.2.CSS
在手机圈里有一种人是很狡猾的，他们在网上对某种手机设计叫骂的最凶，比如双曲面屏绝对不买，异形屏绝对不买，OLED屏绝对不买等等，但是现实里转头就变成了“真香”。这本没什么，发表自己的意见和最终选择什么手机都是个人的自由。怕就怕什么呢，就怕有的厂商在网上进行所谓的用户调查，调查到这些人，然后根据这些人的意思去做手机，这个厂商恐怕就要倒霉了。而魅族就是这样的一个厂商。黄章一直坚持自己的全面屏风格，那就
转载
2023-11-11 20:11:29
69阅读
需求场景： H5页面有一个吸底的按钮，但是异形屏幕【iPhonex等】，按钮一大半会被系统的小黑条挡住。需要适配在异形屏幕下，完整展示按钮，不被遮挡。查了一些资料，发现为了应对刘海屏幕，苹果也给出了响应的策略一个meta头<meta name="viewport" content="viewport-fit=cover">meta 有三个属性contain 可视化窗口完全包含网页内容c
转载
2023-10-12 10:16:06
291阅读
Android刘海屏适配及view被摄像头遮挡动态改变位置目前市面上的刘海屏、水滴屏、挖孔屏越来越多，作为移动开发者来说，这并不是一件好事，越来越多异形屏的出现意味着我们需要投入大量的经历在屏幕适配上，本文总结了当下主流手机的屏幕适配方式(华为、vivo、oppo、小米)以及判断view是否被摄像头遮挡，去动态改变view的位置。一. Android P及以上谷歌官方从Android P开始给开发
转载
2023-10-17 13:49:40
454阅读
CSS 媒体查询（Media Queries）：通过在 CSS 中使用 @media 规则，针对不同的屏幕宽度、高度等条件设置不同的样式。例如，定义当屏幕宽度大于 1920px 时，某个模块的字体大小增大、间距调整，以适应大屏的展示需求，确保内容在大屏上布局合理、美观。@media screen and (min-width: 1920px) { .header { font-size: 2
屏幕适配屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。从最早的PC端屏幕来说，大部分的屏幕适配采取的是：页面框架最外层元素宽度固定，并且居中，高度随内容自适应，比较常见的是宽度为
目录常见概念：1、常见大屏分辨率2、 设备像素3、适配痛点方案介绍：1、rem + font-size原理：缺点：实现echarts自适配2、vw 单位3、scale等比缩放原理：缺点：实现：1、根据宽度的比率进行缩放。（宽度比率=网页当前宽 / 设计稿宽）2、动态计算网页宽高比，决定是是否按照宽度的比率进行scale缩放。4、使用less或sass结合vw/vh实现总结常见
一、需要异形屏适配情况、1、需要异形屏适配的 Android
原创
2022-08-29 22:51:00
1514阅读
# Android 如何适配异形屏
## 引言
随着智能手机的不断发展，各种创新型屏幕设计开始出现，例如刘海屏、水滴屏和折叠屏等。这些异形屏给开发者带来了新的挑战，因为传统的屏幕适配方法可能无法很好地兼容这些不规则的屏幕形状。本文将介绍如何在 Android 应用中适配异形屏，并提供示例代码和解决方案。
## 问题描述
在智能手机中，异形屏的形状和大小各不相同，例如刘海屏可能位于屏幕的顶部
原创
2023-09-23 13:56:37
370阅读
一、异形屏类型:刘海屏、水滴屏、挖孔屏、二、沉浸式布局刘海屏适配、三、华为手机异形屏适配注意点、
原创
2022-08-28 00:40:03
3128阅读
苹果终于在一年一度的秋季发布会发布了 iPhone 十周年纪念版：iPhone X。iPhone X 是 2014 发布 iPhone 6 之后又一次外形的变化，也是 iPhone 历史上（可能）最大的一次外观变化。我相信很多开发者和设计师看到 iPhone X 的这个「天猫内定」屏幕的时候心里十分苦恼：该怎么为这个机型做设计和适配？这篇文章从苹果的 iPhone X 开发和设计指南出发，试图来
下面列举常用的适配方案：dp适配方案宽高限定符适配方案AndroidAutoLayout适配方案sw限定符适配方案今日头条适配方案AndroidAutoSize适配方案这里还是有必要重申一下，有些过时的适配方案这里还讲解啊，只能说每种适配方案都会有各自的优缺点，从最原始的适配方案讲起，才能更好的理解为啥会衍生出各种适配方案，话不多说，下面继续讲解。3、AndroidAutoLayout适配方案所谓
转载
2024-02-27 10:06:40
52阅读
市面上各种高宽比的手机越来越多，产品不断追求更高纵横比，更好的用户沉浸体验时，给开发者带来了更多的挑战。开发者都希望一个APP覆盖尽可能多的横纵比手机，同时可以呈现完美的视觉效果。据安卓官方资料和最近发现的问题，为开发者提供简单易用的适配方案。一.适配问题下面是适配过程中发现的问题，在页面上方或下方出现了黑条和异常，影响用户的使用体验：二.推荐适配方案对于屏幕纵横显示问题，影响因素主要有两点：1)
转载
2023-09-14 21:29:57
94阅读
