屏幕适配

Flutter扩展软件包、开发插件

flutter日志输出Logger可打印精美的日志image.pngFlutter屏幕适配flutter_screenutil用于调整屏幕和字体大小的flutter插件device_preview在一台设备上查看不同分辨率设备上
youseewhat·2023-02-03 03:56

Android屏幕适配的前世今生（一）

自从工作以来，一直以屏幕适配斗智斗勇。由与Android碎片化严重，存在各种奇奇怪怪的分辨率，为了开发高质量的app，必然需要尽肯能的适配多机型，其中屏幕适配就是其中一项。
static_sadhu·2023-02-02 08:39

你该知道的Android屏幕适配新姿势

前言前段时间在掘金上看了一篇关于Android屏幕适配的新方案Android屏幕适配从未如斯简单（8月10日最终更新版）以及一种极低成本的Android屏幕适配方式,这。。。
black_toast·2023-02-01 05:33

Flutter 学习笔记(一)

删除掉右上角debug标志debugShowCheckedModeBanner:false,二、显示图片显示图片需要手动创建文件夹1)在根目录创建images文件夹,在里面分别创建2.0x3.0x文件用于屏幕适配
大博同学·2023-02-01 02:04

Android屏幕适配

想要完美解决屏幕适配问题。首先，必须要了解的几个概念。屏幕尺寸、屏幕分辨率、屏幕像素密度屏幕尺寸：屏幕对角线长度，单位是英寸，我们常说的多少多少寸，比如4.7存手机、5.7存
Alan_兰哥·2023-01-31 16:48

iOS自动布局框架 - Masonry详解

本文章转自https://www.jianshu.com/p/428783e1e47e，学习使用1.概念iOS通过纯代码进行UI开发的话，屏幕适配有时会比较麻烦，所以一般都会使用自动化布局框架进行屏幕适配工作
kangomake·2023-01-31 05:29

安卓app禁止跟随系统文字大小而改变

问题一提出来，我的第一反应肯定是屏幕适配的问题，于是就找了几个机型都是试了一下并没发现问题所在，后来仔细一看测试给发过来的图片发现里面的文字非常大，感觉有点不对劲，肯定是用户自己调了系统的文字大小导致的
A大心·2023-01-30 18:45

Android屏幕适配-适配方案选择

Android屏幕适配-基础概念Android屏幕适配-适配方案选择dp直接适配方案：含义：dp+weight+ConstractLayout优点：解决90%适配问题。
方_f666·2023-01-28 16:18

iPad适配实战

本文主要介绍POLYViOS多场景Demo在进行iPad适配的相关知识和工作内容，包括屏幕适配、分屏适配以及处理因iPad系统版本引起的新问题。旨在让不同岗位的同学可以了解iPad适配过程。
Gary_12dc·2023-01-28 08:05

屏幕适配（AndroidAutoSize）

添加依赖implementation'me.jessyan:autosize:1.1.2'清单文件中配置设计图尺寸截屏2019-12-05下午3.42.49.png如图所示375x667Ios尺寸约等于1080x1920Android（为什么说约等于，因为3x完全一样，2x1x有差几像素）......设置预览(sqrt(纵向分辨率2+横向分辨率2))/25.4求出屏幕尺寸截屏2019-12-05下
東方月初·2023-01-28 05:05

iOS11屏幕适配（iphone X、tableView内容下移）

这里总结了大家iOS11，iPhoneX适配问题上面的已经介绍很全了，但我还是记下我遇到的问题。1、iphoneX上下缺失2、tableView内容下移1、iphoneX上下缺失更新了Xcode之后，用iphoneX模拟器跑了一下项目，结果发现是这样子的：异常界面上下明显缺了一截，没有刘海的效果。控制台还会打印警告信息：2017-09-2116:36:45.134930+0800JDYL[8974
oldSix_Zhu·2023-01-28 01:41

前端大屏项目的屏幕适配方案

最近在写大屏项目,技术栈是echarts+vue,在屏幕适配调研了很久,网上有多种方案,但都有自己的局限性,比如css媒体查询代码量巨大,且变化过程不平滑,vw适合定宽的不方便缩放的组件.并不适合等比例缩放所有组件
千茉紫依·2023-01-27 04:11

Android 屏幕适配

android中的屏幕适配是一个老生常谈的问题，也是一个经久不衰的话题，同时随着android生态的不断发展，适配方案也不断进行了调整，今天我们就来聊一聊android中的适配到底有哪些奥秘。
乌托邦式的爱情·2023-01-26 04:30

Echarts+Vue3.0 大数据可视化项目构建

边框、内边距等是包含在width中的box-sizing:border-box;}项目分辨率响应——lib-flexible项目页面布局随窗口大小改变而改变使用第三方库lib-flexible，rem屏幕适配
corn6·2023-01-24 13:25

vue项目做屏幕自适应处理方式

目录起由总结起由项目基于vue-cli搭建，之前项目采用less的功能函数集合媒体查询做的屏幕适配，但是由于JavaScript的对浮点数据处理，这个语言本身的bug问题，总是会出现一些计算误差，这里重新做的项目采用淘宝的
·2023-01-23 00:45

前端多屏幕适配的两套方案

在大屏开发中，最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。一.最外层元素增加scale这里的最外层元素指的是能包含所有页面的元素。
·2023-01-17 11:05

android相机横屏竖屏,GitHub - qixuefeng/CameraAdapt: Android相机屏幕适配

CameraAdaptDemoAndroid相机屏幕适配该项目主要是为了做相机下的屏幕适配具体思路可以参见我的这篇文章Android相机屏幕适配测试：机型：华为荣耀8(厂商：honor，型号：FRD-AL00
璇钰·2022-12-16 23:08

【Flutter从入门到实战】⑰Flutter的主题风格、Theme、DarkTheme暗黑模式、单独给单个页面设置Theme、屏幕适配、屏幕适配工具类封装、Flutter调试使用

Flutter从入门到实战一共分为23个系列①(Flutter、Dart环境搭建篇)共3个内容已更新②(Dart语法1篇)共4个内容已更新③(Dart语法2篇)共2个内容已更新④(Flutter案例开发篇)共4个内容已更新⑤(Flutter的StatelessWidget共3个内容已更新⑥(Flutter的基础Widget篇)共2个内容已更新⑦(布局Widget篇)共1个内容已更新⑧(Flex、R
宇夜iOS·2022-12-15 09:07

小游戏开发--Cocos引擎

canvas设计尺寸：720*1280CocosCreator屏幕适配:通常竖屏手机游戏采用FitWidth，横屏手机采用FitHeight，PC端全屏采用ShowAll。
qq_30856231·2022-12-13 18:52

基于全志D1-H 芯片与 Tina Linux 框架下的 LCD 屏幕适配

Linux提供了一套完整的屏幕驱动，支持RGB，MIPIDSI，eDP，LVDS，E-INK屏幕，也支持低分辨率的SPI，IIC屏幕。具体屏幕的驱动情况，需要根据芯片而确定。本文将通过介绍D1-HKernel中的LCD驱动，讲解配置屏幕驱动的基本方法。LCD的驱动显示驱动可划分为三个层面：驱动层，框架层及底层。底层与图形硬件相接，主要负责将上层配置的功能参数转换成硬件所需要的参数，并配置到相应寄存
DOT小文哥·2022-11-19 09:50

可视化大屏的几种屏幕适配方案，总有一种是你需要的

假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。demo首先写个基础的demo给后续使用：import{ref}from"vue";importWidgetfrom"
·2022-11-16 23:44

前端ui框架有哪些

1.amazeui（妹子UI）中国首个开源HTML5跨屏前端框架AmazeUI以移动优先（Mobilefirst）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
有一个程序媛·2022-11-16 10:51

可视化大屏的几种屏幕适配方案，总有一种是你需要的

假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。demo首先写个基础的demo给后续使用：import{ref}from"vue";importWidgetfrom"
街角小林·2022-11-14 15:29

vue+rem+postcss-pxtorem 屏幕适配

创建rem.jsconstbaseSize=37.5;//functionsetRem(){//实际设备页面宽度和设计稿的比值constscale=document.documentElement.clientWidth/375;//计算实际的rem值并赋予给html的font-sizedocument.documentElement.style.fontSize=(baseSize*scale)
华山派岳不群·2022-10-18 19:51

Android性能优化系列篇UI优化

、UI优化1.1系统做的优化1.1.1硬件加速1.2优化方案1.2.1java代码布局1.2.2View重用1.2.3异步创建view1.2.4xml布局优化1.2.5异步布局框架Litho1.2.6屏幕适配
·2022-10-17 16:03

移动端h5页面根据屏幕适配的四种方案

文章转载自百撕可乐https://www.cnblogs.com/web1/p/9812669.html方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible（此处可点击）淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，
zhuanghw全栈工程师·2022-10-14 08:01

vue移动端h5页面根据屏幕适配的四种方案

方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：（此处可点击）淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，屏幕大小动态计算根字体大小，具体是将屏幕划分为10等分。这块也可以直接用js实现，后面会提到具体引入和使用方法，移步github查看，非常详细。方法二：viewport的使用g
李泽举·2022-10-14 08:00

h5适配华为手机_rem、px、em(手机端h5页面屏幕适配的几种方法)

pxpx像素(pixel)：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义了一个div
weixin_39743622·2022-10-14 08:30

rem、px、em(手机端h5页面屏幕适配的几种方法）

pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义了一个div
青颜的天空·2022-10-14 08:56

H5页面不同屏幕适配：纯CSS方案

背景UI给出的设计稿，一般是以iphone6屏幕大小为准，也就是宽高为375*667，激进一些的还会使用414*736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生，一般新搭建的项目都要处理这个问题。常见方案目前市面上比较常见的有两种方案：rem方案、viewport方案rem方案通过计算屏幕宽度比，对html标签设置font-size为px，子元素都使用rem标识!(functione(
青天诀·2022-10-14 08:25

小程序IOS安全区问题处理整理

一、IOS苹果手机安全区展示交互，Fixed底部工具栏css处理底部Fixed工具栏，要做屏幕适配时，需要这样写padding-bottom:constant(safe-area-inset-bottom
天马3798·2022-09-30 05:47

前端大屏适配方案

在每个路由主文件使用mixin混入drawMixin.js(代码在下面)前提每个主文件的最外层需要写id和refdrawMixin.js//屏幕适配mixin函数//*默认缩放值constscale={
haosicx·2022-09-28 00:43

Android刘海屏如何适配？一份详细的Android刘海屏、水滴屏全面屏适配方案

当我们在谈屏幕适配时，我们在谈什么1.适应更长的屏幕2.防止内容被刘海遮挡其中第一点是所有应用都需要适配的，对应下文的声明最大长宽比而第二点，如果应用本身不需要全屏显示或使用沉浸式状态栏，是不需要适配的
秃头披风侠_·2022-09-26 17:43

vue数据大屏，3d地图数据可视化

，webgl/three.js数据可视化项目采用three.js+vue进行开发，用到了3d地球特效，扩散光圈，动态标签，canvas气泡特效，文字滚动特效，3d环形图，echarts动态图表，rem屏幕适配演示地址
hi-ff·2022-09-14 08:31

Android屏幕适配最优方案

屏幕适配主要从图片和距离（文字）进行下手。
gavin.jin·2022-08-29 10:22

Android屏幕适配方案详解之今日头条方案和SmallestWidth

一、基础知识px是真实像素单位，Pixel像素，不同手机的分辨率可能不同，比如一个100*100像素的控件在分辨率越来越高的手机上会在整体UI中看起来越来越小。**dp**（dip）指的是设备独立像素，在不同分辨率和尺寸的手机上代表了不同的真实像素，比如在分辨率较低的手机中，可能1dp=1px,而在分辨率较高的手机中，可能1dp=2px，这样的话，一个100*100dp的控件，在不同的手机中就能表
尘埃zza·2022-08-29 10:51

多屏幕适配方案

在大屏开发中，最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。一.最外层元素增加scale这里的最外层元素指的是能包含所有页面的元素。
麦西的西·2022-07-28 22:37

Flutter基于GETX的WanAndroid-App

包含以下技术点：页面路由状态管理Dio网络请求pull_to_refresh下拉刷新，上拉加载图片加载Lottie动画加载屏幕适配UI：Tab页面、侧边抽屉栏、列表、富文本等WebView加载网页android
则卷滔滔·2022-07-06 15:59

PC端如何设置rem屏幕适配

目前我们做的这个PC端后管项目需要做适配，如果没有做适配的话，在缩放的时候会出现布局错位的问题，解决方法如下：$(window).resize(function()//绑定到窗口的这个事件中{varwhdef=100/1080//表示1920的设计图,使用100PX的默认值varwH=window.innerHeight//当前窗口的高度varwW=window.innerWidth//当前窗口的
xiongzhonggang·2022-06-11 20:37

高级Android研发面试必问：Android屏幕适配全方位解析

前言前面我们已经将android的绘制基础已经讲完，那么现在我们下面的两个内容点是事件分发问题，和屏幕适配相关。
Android每日一讲·2022-05-20 12:01

vue中使用postcss-px2rem的两种方法

目录如何使用：1.安装2.设置vue项目中使用postcss-px2rem的2种方法在项目中为了屏幕适配，经常会用到rem，postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem
·2022-05-15 12:26

【UI】AutoLayout

目录一、屏幕适配二、AutoLayout三、AutoLayout实现屏幕适配 1、AutoLayout在可视化布局中实现屏幕适配 2、AutoLayout在纯代码布局中实现屏幕适配四、例子一、屏幕适配在用户眼中
意一ineyee·2022-05-02 11:50

骚年你的屏幕适配方式该升级了，大厂面经合集

基本情况本人普通本科，Android开发岗。此文主要是秋招面试经验汇总，最终拿到了百度、腾讯的offer。主要包括阿里三面，腾讯四面，百度三面，网易三面，美团一面。为什么想去字节跳动实际上，这次的工作变动并不在我计划中。只是在四月份的时候偶然得知字节跳动上海要搬到合川路地铁站附近，我就忽然心动了。为什么呢，因为我家距离合川路地铁站步行只要十分钟。本身宇宙条待遇高名声在外，也就是说，只要我能来这里的
普通网友·2022-04-13 07:03

【游戏测试】游戏兼容性测试（通用方案）

兼容性解决哪些问题解决适配问题适配产生的问题有很多，如：1、屏幕适配，迭代过程中的测试机显示正常，过大或过小的屏幕带来UI上可能存在较为明显的噪点/黑线，很影响美观；2、分辨
·2022-03-25 12:23

Flutter最酷炫瀑布流实现

图片高度进行设置这样才能实现并展示瀑布流的效果在pubspec.yaml文件添加flutter_staggered_grid_view:^0.4.1flutter_screenutil:^5.0.0这个是屏幕适配使用使用过
怀君·2022-03-25 08:04

Flutter应用框架搭建之屏幕适配详解

添加依赖初始化使用效果其他Api因移动设备的多样性，特别是Android的碎片化严重，存在各种各样的分辨率，而Flutter跨平台开发又需同时支持Android和iOS，为尽可能的还原设计图效果提升用户体验，屏幕适配就势在必行了
·2022-03-19 18:12

android autosize原理,（原创）AndroidAutoSize屏幕适配工具介绍

屏幕适配是我们在开发中经常会遇到的一个问题不同的机型有不同的屏幕尺寸和密度现在市场上已经有不少屏幕适配的解决方案今天就来介绍一个我自己觉得不错的AutoSize这是是一个Android端可以根据设备不同屏幕尺寸自动适配宽高的工具特点是使用起来非常简单
释宣导·2022-03-15 18:45

弹性布局和AndroidAutoSize屏幕适配

技术在不断的革新,需要有新的技术代替老的方案,老的不再维护,新的一直推荐,作为技术也不能一直停滞不前概念:弹性布局(约束布局):ConstraintLayout可以算是RelativeLayout的升级版屏幕适配
爱乐写代码·2022-03-15 18:45

Android屏幕适配AndroidAutoSize的使用

Android屏幕适配AndroidAutoSize的使用AndroidAutoSize的使用加入依赖配置AndroidManifest.xml主单位或者副单位主单位的配置副单位的配置初始化主单位的使用副单位的使用
AndroidLMY·2022-03-15 18:14

android屏幕适配 AndroidAutoSize

https://github.com/JessYanCoding/AndroidAutoSizehttps://www.wanandroid.com/blog/show/2343https://www.jianshu.com/p/12ce5c0a6163implementation'me.jessyan:autosize:1.2.1'1080X1920分辨率480dpi360dpX640dp108
魑魅魍魉9527·2022-03-15 18:43
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他