E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
屏幕适配
flutter学习-day20-使用SafeArea组件处理各机型的安全距离
处于安全区域的内容不受圆角、刘海屏、iPhone小黑条、状态栏等的影响,也就是说,我们要做好适配,必须保证页面可视、可操作区域是在安全区域内,而SafeArea组件会自动进行
屏幕适配
,帮你空出所占高度。
鹏多多.
·
2023-12-26 17:20
Flutter
flutter
前端框架
vue2中通过来适配大屏分辨率,做到自适应
当前方法仅限于没有地图操作,一些定位的情况,,并且在没有适配中间的情况会有边距新建drawMixin.js//
屏幕适配
mixin函数//*默认缩放值constscale={width:'1',height
甘道夫老矣
·
2023-12-25 14:34
Android
屏幕适配
基本概念屏幕尺寸:屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。屏幕分辨率:在横纵向上的像素点数,单位是px。屏幕像素密度(ppi):每英寸屏幕所拥有的像素数。可视作等价于dpidp:也叫dip,是一种密度无关像素,在不同像素密度设备上会自动适配。官方定义在160dpi下,1dip=1px。dpi/160像素密度范围mdpi0.75~1.0120dpi~160dpihdpi1.0
liuzhimi
·
2023-12-25 09:23
学习一种极低成本的Android
屏幕适配
方式
学习一种极低成本的Android
屏幕适配
方式学习今日头条技术团队-->一种极低成本的Android
屏幕适配
方式JessYan->骚年你的
屏幕适配
方式该升级了!
Thor_果冻
·
2023-12-21 03:57
Android 6.0、7.0、8.0、9.0适配
一、6.0适配谈谈Android6.0的动态权限管理二、7.0适配Android7.0脱坑指南三、8.0适配Android8.0适配指北四、9.0适配AndroidP兼容与适配五、
屏幕适配
推荐一种非常好用的
蔡振辉
·
2023-12-21 02:41
Unity
屏幕适配
的3个妙招
前言
屏幕适配
是面试中必问的一个题目,今天给大家说说怎么样做
屏幕适配
。对惹,这里有一个游戏开发交流小组,希望大家可以点击进来一起交流一下开发经验呀!设计分辨率大家都好理解,那么什么是适配策略呢?
Thomas_YXQ
·
2023-12-14 21:51
unity
游戏引擎
游戏
Android
屏幕适配
Android设备多种多样,有着不同的屏幕尺寸和像素密度,大大增加了适配的难度。一、基本单位介绍介绍下AndroidUI中常见的几个单位。pxpx就是像素点,是屏幕物理上最小显示单位,如手机分辨率1080x1920表示宽有1080像素点,高有1920像素点。分辨率高的屏幕上面像素点(色块)就多,所以屏幕内可以展示的画面就更细致。但是布局的时候不能直接使用px作为单位,因为在不同分辨率的手机上,展示
一个不安分的Android开发
·
2023-12-05 18:34
安卓屏幕代码适配屏幕心得px和dp;sp和dp选择
2015年4月18日20:02:15
屏幕适配
的一些心得:1当用到listview或者sc
yung7086
·
2023-12-03 22:58
android前行
屏幕适配
dp
dip
dpi
px
Android 手机
屏幕适配
方式和原理
其适配原理主要是根据dp/sp与px的转换,而dp/sp与px的转换又与DisplayMetrics的density相关,所以可以通过改变DisplayMetrics的density,scaledDensity和densityDpi的值来适配不同分辨率机型。在开始分析之前,我们需要了解一些概念,如:DisplayMetrics:是Android屏幕显示的信息描述,如尺寸size,密度desity,
2301_76766616
·
2023-12-02 15:18
智能手机
【Android知识笔记】兼容适配专题
屏幕适配
常规适配手段使用像素密度无关的尺寸单位避免写死控件,尽量多使用wrap_content、match_parent、weight控件距离使用dp字体大小使用sp不要用写死的px值布局方面使用相对布局
川峰
·
2023-12-02 12:47
Android知识笔记
android
兼容适配
屏幕适配
分区存储模式
沙箱模式
Android
Q权限变化
flutter之库
屏幕适配
ScreenUtil
ScreenUtil()是flutter
屏幕适配
的一个插件,在GitHub上也有一定的人气。也尝试使用过,也能获得较好的体验。
sundayme
·
2023-11-29 21:29
flutter-ScreenUtil()
ScreenUtil()是flutter
屏幕适配
的一个插件,在GitHub上也有一定的人气。也尝试使用过,也能获得较好的体验。
想放假的程序媛
·
2023-11-28 09:07
安卓横竖屏切换后,应用只展示半屏问题 AndroidAutoSize
项目使用的是这个
屏幕适配
框架:GitHub-JessYanCoding/AndroidAutoSize:Alow-costAndroidscreenadaptationsolution(今日头条
屏幕适配
方案终极版
kaixuan_dashen
·
2023-11-28 08:02
android
android
横竖屏切换
屏幕适配
多窗口模式
rem
屏幕适配
屏幕适配
方法variUA=navigator.userAgent,UA={isAndroid:/Android|Adr/i.test(iUA),isIOS:/(iPhone|iPod|iPad)/.test
Amy_yqh
·
2023-11-28 00:29
iOS开发之--
屏幕适配
相关小结
屏幕适配
小结一、纯手动之Autolayout1、VFL语言添加约束VFL(Visualformatlanguage)语言是苹果为了简化手写Autolayout代码所创建的专门负责编写约束的代码。
PM_rcount
·
2023-11-27 22:13
objective-c
iOS
IOS
objective-c
ios开发
android
屏幕适配
学习
基础知识android中的dp在渲染前会将dp转为px,计算公式:px=density*dp;density=dpi/160;px=dp*(dpi/160);1.今日头条
屏幕适配
从dp和px的转换公式:
阿木Robert
·
2023-11-27 16:46
最轻量级最完整的
屏幕适配
完全适配各个手机方案
当你看到这篇博客的时候,说明你已经迈出了惊人的一步,已经慢慢进入高级资深开发工程师行列了,这是开发之路必备技能。当你接到一个任务时,每天按照需求原型、设计师UI图立刻积极的开发完成后,满满的兴高采烈去打包提测,板凳还没做安稳,测试人员就提了一个又一个的BUG,作为一个开发人员,有BUG很常见,没BUG那是不存在的,相信大家都深有体会;有BUG那就看看提的是什么BUG吧,一打开BUG列表就傻了眼,适
一个小狼娃
·
2023-11-26 23:39
精
android
屏幕适配
机型适配
分辨率适配
手机布局适配
Android版本适配
屏幕适配
1、添加依赖implementation'com.zhy:autolayout:1.4.3'2、在清单文件中注明你要设计的初始屏幕尺寸android:name="design_width"android:value="750"/>android:name="design_height"android:value="1334"/>3、第一种:让你的Activity继承AutoLayoutActivi
duwensheng
·
2023-11-24 04:42
今日头条
屏幕适配
方案
核心适配代码/***修改density,densityDpi值-直接更改系统内部对于目标尺寸而言的像素密度*/publicclassDensityUtils{privatestaticfinalfloatWIDTH=360;//参考像素密度(dp)privatestaticfloatappDensity;//表示屏幕密度privatestaticfloatappScaleDensity;//字体缩
蔺小帅
·
2023-11-23 02:26
Android最好用的项目框架搭建
(以当前所作项目为例)1.项目结构(MVP设计模式)2.
屏幕适配
3.程序启动页4.运行权限获取5.基类(BaseActivity/BaseFragmen
孜燃
·
2023-11-22 07:30
安卓新手
android
Cocos Creator基础之cc.widget与
屏幕适配
CocosCreator基础之cc.widget与
屏幕适配
1、设计分辨率1.1固定高度是以高度的比例进行缩放2、cc.widget组件2.1cc.widget组件进行适配总结:觉得学到东西或者觉得有用的同学
一个好人_49d3
·
2023-11-21 15:17
让你的应用完美适配平板
老生常谈,
屏幕适配
首先来看下最直观的
屏幕适配
吧,毕竟是直接展示给用户看的嘛!今日头条的方法其实说起适配大家首先想到的大名鼎鼎的今日头条的
屏幕适配
方案,但是!凡事就怕但是!今日头条适配方案
Zhu_jiang
·
2023-11-20 11:59
js自适应rem -- 主要适用于移动端
rem是指相对于根元素(html)的字体大小的单位,利用它能实现强大的
屏幕适配
布局。
一纸晴空
·
2023-11-20 00:38
Android
屏幕适配
的几种方式
1.图片适配,根据不同的屏幕尺寸,选取不同尺寸的图片,这里建议将图片资源放在xxhdpi文件夹下面,这是比较合适的一个分辨率,当屏幕分辨率小于这个时,会缩小图片,但是如果放在低分辨率的文件夹下安装在高分辨的电脑上时,会放大图片尺寸,占内存,会导致OOM,想具体了解的可以看郭婶的博客Androiddrawable微技巧,你所不知道的drawable的那些细节drawable的各个尺寸的文件夹常见的尺
小李同学今天博学了吗
·
2023-11-19 08:57
VUE3:form表单根据
屏幕适配
宽度
找到styles下的index.scss文件添加下面一段代码//屏幕分辨率@media(min-width:1441px){.app-container.content.form.el-form-item.el-form-item__content{width:calc(20vw-124px)}}@media(min-width:1201px)and(max-width:1440px){.app-
左手吻左脸。
·
2023-11-19 01:58
vue.js
前端
javascript
React + ts + vite移动端项目实现浏览器
屏幕适配
ps:用react+ts+vite开发移动端网页,想用postcss-px-to-viewport插件实现屏幕自动适配,今天查阅了很多博客,没找到想要的答案,只能自己捣鼓,结果捣鼓成功了~~在此分享给大家项目背景技术栈:react+react-router+ts+redux+less+antdmobile+axios+vitepostcss-px-to-viewport是一款PostCSS插件,用
往事随风,唯有技术
·
2023-11-17 17:16
react
react.js
javascript
前端
屏幕适配
升级之今日头条总结
因为Android系统的碎片化,手机分辨率和尺寸的多样化所以开发中经常需要进行
屏幕适配
。
WuWiggins
·
2023-11-16 00:19
Android知识碎片
Android
屏幕适配
今日头条
Android 今日头条适配详解
原文地址:https://juejin.cn/post/6844903661819133960原文作者:JessYan前言这个月在Android技术圈中
屏幕适配
这个词曝光率挺高的,为什么这么说呢?
小黄狗汪汪汪
·
2023-11-15 23:13
Android
Android适配
今日头条适配方案
今日头条适配详解
移动WEB基础知识(下)(
屏幕适配
,媒体查询,网页布局等)
移动WEB基础知识(下)(
屏幕适配
,媒体查询,css预处理器,触屏事件,网页布局)
屏幕适配
经过分析我们得到,移动页面最理想的状态是,避免滚动条且不被默认缩放处理,我们可以通过设置来进行控制,并改变浏览器默认的
Amanda_wmy
·
2023-11-13 08:19
移动WEB
移动WEB
mysql5.5取消主从复制,mysql 5.5主从复制配置
#开机自动启动程序的方法,网上出现比较多的是修改注册表:1.HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion...iOS开发——
屏幕适配
篇
weixin_39632982
·
2023-11-13 06:29
mysql5.5取消主从复制
Android---
屏幕适配
的处理技巧
在几年前,
屏幕适配
一直是困扰Android开发工程师的一大问题。但是随着近几年各种
屏幕适配
方案的诞生,以及谷歌各种适配控件的推出,
屏幕适配
也显得越来越容易。
别偷我的猪_09
·
2023-11-11 03:43
#
Android进阶
android
android
屏幕适配
无效_Android
屏幕适配
出现的原因
在我们学习如何进行
屏幕适配
之前,我们需要先了解下为什么Android需要进行
屏幕适配
。
weixin_39745345
·
2023-11-10 22:39
android屏幕适配无效
第一行代码第三版——第四章:UI 开发的点点滴滴
写XML的好处是,我们不仅能够了解界面背后的实现原理,而且编写出来的界面还可以具备很好的
屏幕适配
性。
萌果爱吃芒果
·
2023-11-09 20:36
第一行代码第三版
android
kotlin
h5
屏幕适配
H5
屏幕适配
的三种方案1-rem动态适配通过获取屏幕宽度来设置html的fontSize,用rem来配置相关元素的宽高。
Lekily
·
2023-11-09 15:26
html5
html5
React+Typescript搭建大屏项目的基本配置和使用
React+Typescript搭建项目,并实现
屏幕适配
安装//npm方式npminstall-gcreate-react-app//如果很久之前安装过,建议卸载重新安装npmuninstall-gcreate-react-app
吃猫咪的小鱼干
·
2023-11-08 19:57
react.js
typescript
前端
Flutter 第三方 flutter_screenutil(
屏幕适配
)
推荐一篇写的非常不过的文章:Flutter应用框架搭建(二)
屏幕适配
安装+导入flutter_screenutil:^5.9.0import'package:flutte
冯汉栩
·
2023-11-08 09:56
Flutter
flutter
Vue3 +Echarts5 可视化大屏——
屏幕适配
项目基于Vue3+Echarts5开发,
屏幕适配
是使用scale方案Echarts组件按需引入,减少打包体积地图组件封装(全国&省份地图按需加载)效果图:
屏幕适配
大屏适配常用的方案有rem+vw/vh和
z止于至善
·
2023-11-07 12:23
Vue.js
Echarts
vue.js
echarts
前端
Flutter学习-
屏幕适配
屏幕适配
1.Flutter的单位1.1Flutter中的单位1.2Flutter的设备信息1.3在程序开始时获取设备信息1.4官网提供三方库获取设备相关信息2.适配方案2.1常用的适配方案2.2rpx适配目前移动端设备非常多
GY-93
·
2023-11-04 08:33
Flutter
flutter
Flutter开发(三十二):Flutter
屏幕适配
当页面使用了Scaffold的appBar与bottomNavigationBar的页面不需要额外适配,框架里面已经自动适配了。但很多页面写的时候不会用到Scanffold,这样需要手动适配。适配不同的手机,关键是顶部和底部留有安全区域。第一种方案:利用SafeArea包裹页面,简单不够灵活。第二种方案:利用MediaQuery.of(context).padding获取屏幕四周padding,来
吴庆森
·
2023-11-04 08:02
flutter开发
android
flutter
android
studio
flutter
屏幕适配
这时候就要做出
屏幕适配
了。首先写死宽高,然后通过插件或者自己写公式,让图片等比例放大或缩小,从而让图片适配不同的屏幕尺寸。
氤氲息
·
2023-11-04 08:01
安卓
flutter
Flutter全
屏幕适配
指南
Dart端SafeArea第一种是使用SafeArea包裹跟布局,灵活性不够好。实例代码:@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:Text(widget.title),),body:Container(child:SafeArea(child:Column(mainAxisAlignm
小二李
·
2023-11-04 08:01
Flutter
flutter
全面屏
适配
Flutter
屏幕适配
的三种方案
做移动端开发的同学都知道,针对不同型号和尺寸的手机要进行页面的适配,且iOS和Android适配方案各不相同,那我们用Flutter开发要怎么处理
屏幕适配
呢?
金戈鐡馬
·
2023-11-04 08:55
Android
flutter
android
ios
屏幕适配
Dart
极其简单的Flutter
屏幕适配
Alow-costFlutterscreenadaptationsolution(一个极低成本的Flutter
屏幕适配
方案)一概述由于Flutter的应用场景很多,不只是android还有ios以及web
qq_33408235
·
2023-11-04 08:25
android
flutter
屏幕适配
flutter
屏幕适配
工具以宽或高为基准,动态拉伸适配,保持与设计图效果的一致性pub地址:flutter_autosize
panzhiling
·
2023-11-04 08:24
flutter
flutter
屏幕适配
插件 flutter_screenutil 的简单使用
前言
屏幕适配
问题一直是app开发中一个绕不开的话题,毕竟现在各种尺寸的设备越来越多,原本一个优美大气的用户页面可能就会因为屏幕尺寸变化而变得杂乱无章,甚至是布局溢出,导致某些重要的信息无法显示,最终并因此而丢失掉用户
智玲君
·
2023-11-04 08:22
flutter屏幕适配
Flutter
屏幕适配
文章目录一、Flutter单位二、设备信息三、常见适配方案四、flutter_screenutil一、Flutter单位Flutter使用的是类似IOS中的点pt(point)。iPhone6的尺寸是375x667,分辨率为750x1334。iPhone6的dpr(devicePixelRatio)是2.0。DPR=物理像素/逻辑像素二、设备信息通过MediaQuery获取屏幕上的信息。//1.媒
暴风雨中的白杨
·
2023-11-04 08:13
flutter
iOS10 适配、Xcode8配置总结②
2019独角兽企业重金招聘Python工程师标准>>>Xcode8新特性InterfaceBuilder随着14年的iPhone6和6P出来之后,iPhone的屏幕尺寸也越来越多,
屏幕适配
是一个需要解决的问题
weixin_34365635
·
2023-11-03 19:29
xcode
移动开发
swift
Android
屏幕适配
- 设置底部虚拟菜单栏
Android手机现在越来越多的是全面屏/刘海屏,不止需要适配头部的状态栏,如有需要,可以参考:Android
屏幕适配
-支持刘海屏底部的虚拟菜单栏也需要适配,这里拿小米9的机型来示例:默认是白底的,如果应用背景是其他颜色
最孤单的人
·
2023-11-03 13:13
Android
android
navigationBar
Color
一种极低成本的Android
屏幕适配
方式
原始链接在Android开发中,由于Android碎片化严重,屏幕分辨率千奇百怪,而想要在各种分辨率的设备上显示基本一致的效果,适配成本越来越高。虽然Android官方提供了dp单位来适配,但其在各种奇怪分辨率下表现却不尽如人意,因此下面探索一种简单且低侵入的适配方式。image传统dp适配方式的缺点android中的dp在渲染前会将dp转为px,计算公式:px=density*dp;densit
nianyounan
·
2023-11-03 05:38
HarmonyOS 应用开发,一网打尽HarmonyOS分布式应用开发
01多设备的形态差异多样化的
屏幕适配
:包括不同大小,不同分辨率,不同形状,横屏、竖屏、折叠屏等;多样化的交互方式–包括语音、触摸、旋钮、键盘、笔、3D手势等。
weixin_39637545
·
2023-11-02 06:55
HarmonyOS
应用开发
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他