如何获取触摸屏某个区域内的dpi个数

如何获取触摸屏某个区域内的dpi个数,第1张

在Android中,关于屏幕的宽度、高度等的信息都封装在DisplayMetrics 类中,获取 DisplayMetrics 的方法以下几种:

不需要用到 context 的:

第一种:

DisplayMetrics metrics = new DisplayMetrics();

WindowManager manager = (WindowManager) contextgetSystemService(ServiceWINDOW_SERVICE);

if (manager != null) {

managergetDefaultDisplay()getMetrics(metrics);

}

需要用到 context 的:

第二种:

DisplayMetrics metrics = contextgetResources()getDisplayMetrics();

第三种:

DisplayMetrics metrics = new DisplayMetrics();

contextgetDisplay()getMetrics(metrics);

第四种:与第三种的方式类似,通过ApplicationContext获取。

DisplayMetrics metrics = new DisplayMetrics();

contextgetApplicationContext()getDisplay()getMetrics(metrics);

拿到DisplayMetrics之后,就可以访问里面的属性了:

// 屏幕的逻辑密度,是密度无关像素(dip)的缩放因子,160dpi是系统屏幕显示的基线,1dip = 1px, 所以,在160dpi的屏幕上,density = 1, 而在一个120dpi屏幕上 density = 075。

float density = metricsdensity;

// 屏幕的绝对宽度(像素)

int screenWidth = metricswidthPixels;

// 屏幕的绝对高度(像素)

int screenHeight = metricsheightPixels;

// 屏幕上字体显示的缩放因子,一般与density值相同,除非在程序运行中,用户根据喜好调整了显示字体的大小时,会有微小的增加。

float scaledDensity = metricsscaledDensity;

// X轴方向上屏幕每英寸的物理像素数。

float xdpi = metricsxdpi;

// Y轴方向上屏幕每英寸的物理像素数。

float ydpi = metricsydpi;

// 每英寸的像素点数,屏幕密度的另一种表示。densityDpi = density 160

float desityDpi = metricsdensityDpi;

最近在做一个移动端的项目,项目出现的一大堆兼容问题是在让我头疼,其中就包括获取 当前使用的 ios 的 机型。逛了很多圈博客,很多是用了组件实现的,也不知道是我方法没用对还是怎么回事,我用的组件只能获取到安卓手机的机型,最后只能采用比较笨的方法了,根据苹果手机的像素比和分辨率进行区分,代码如下:

/

设备的像素比和设备分辨率表如下:

iPhone 3GS 35寸 => 320x480 => 1

iPhone 4/4s 35寸 => 320x480 => 2

iPhone 5/5s/5c 40寸 => 320x568 => 2

iPhone 6 47寸 => 375x667 => 2

iPhone 6Plus 55寸 => 414x736 => 3

iPhone 6s 47寸 => 375x667 => 2

iPhone 6sPlus 55寸 => 414x736 => 3

iPhone 7 47寸 => 375x667 => 2

iPhone 7Plus 55寸 => 414x736 => 3

iPhone 8 47寸 => 375x667 => 2

iPhone 8Plus5 55寸 => 414x736 => 3

iPhone X 58寸 => 375x812 => 3

iPhone XS 58寸 => 375x812 => 3

iPhone XS Max65寸 => 414x896 => 3

iPhone XR 61寸 => 414x896 => 2

/

let iPhone4_4s = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 320 && windowscreenheight === 480

let iPhone5_5s_5c = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 320 && windowscreenheight === 568

let iPhone6_6s_7_8 = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 375 && windowscreenheight === 667

let iPhone6P_6sP_7P_8P = windowdevicePixelRatio && windowdevicePixelRatio === 3 && windowscreenwidth === 414 && windowscreenheight === 736

接下来的机型大家可以根据上面的注释写下去,这里我只判断到了iphone8

打开CSDN,阅读体验更佳

iphone 屏幕大小及计算_杨宗卫的爸爸的博客_苹果屏幕

从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。 (1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(

js判断ipad还是安卓_JS判断客户端是否是iOS或者Android或者ipad(二

判断方法:粗略判断只检索 "iphone"和"safari/"字符串,严格判断则要同时包含 "mozilla/","iphone","mobile/","safari/"四个字符串 iPhone版Opera Mobile: 特征表现: 以"opera/"开头,含有"iphone"字符串,同时含有 "opera mini/","

JavaScript 判断iPhone X Series机型的方法

写在前面 如果有更优雅的方式,一定要告诉我! 现状 iPhone X 底部是需要预留 34px 的安全距离,需要在代码中进行兼容。 现状对于 iPhone X 的判断基本是这样的: // h5 export const isIphonex = () => /iphone/gitest(navigatoruserAgent) && windowscreen && (windowscreenheight === 812 && windowscreenwidth === 375); 这在之前是没问题的,新的 iPhone X Series 设备发布之后,这个就会兼容就有问

swift 含iPhone14系列 具体机型判断(最新最全)

public extension UIDevice { var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfomachine) let identifier = machineMirrorchildrenreduce("") {

继续访问

H5页面适配所有iPhone和安卓机型的六个技巧_曲小强的博客

img标签的高清化,可以通过JS判断devicePixelRatio的值来加载不同尺寸的,但是对于背景图,写在CSS中的,用JS来判断就略麻烦了,还好CSS通过media query也能判断dpr。 目前兼容性最好的背景图高清化实现方式,使用media query的-webkit-mi

如何获取当前设备的机型(更新到iPhoneX)判断机型是否为iPhone X

判断机型是否为iPhone X,首先想到的是判断当前设备的机型,另外也可以从他的固有尺寸去判断: #define KIsiPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UI

最新发布 JS判断是否是ioS或者Android

JS判断是否是ioS或者Android

继续访问

js判断苹果ios各类机型

首先需要得到设备像素比/设备分辨率(根据下面设备表去判断) / iPhone 3GS35吋320x480@1x320x480 iPhone 4/4s35吋320x480@2x640x960 iPhone 5/5s/5c40吋320x568@2x640x1136 iPhone 647吋375x667@2x750x1334 iPhone 6Plus55吋414x736@3x1242x2208 iPhone 6s47吋375x667@2x750x1334 iPhone 6sPlus55吋414x7

继续访问

移动开发屏幕适配分析_weixin_34205076的博客

iPhone 3GS(非Retina屏幕)iPhone 4(Retina屏幕) 右边的明显要比左边的清晰,这是因为PPI要高,何为PPI。 1)PPI与DPI PPI和DPI这两个是密度单位,不是度量单位。 1 PPI(pixels per inch):图像分辨率 (在图像中,每英寸所包含的

100个原生的JavaScript实用功能代码片段_唐策的博客

40、原生JavaScript获取移动设备屏幕宽度 41、原生JavaScript完美判断是否为网址 42、原生JavaScript根据样式名称检索元素对象 43、原生JavaScript判断是否以某个字符串开头 44、原生JavaScript判断是否以某个字符串结束

iPhone12机型判断

iPhone12机型判断 case "iPhone13,1" : return "iPhone 12 mini"; case "iPhone13,2" : return "iPhone 12"; case "iPhone13,3" : return "iPhone 12 Pro"; case "iPhone13,4" : return "iPhone 12 Pro Max";

继续访问

iphonex系列机型判断

iphonex xs xr xsmax 判断 // iphonex xs xr xsmax 判断 export function isIphonX() { // iPhone X、iPhone XS var isIPhoneX = /iphone/gitest(windownavigatoruserAgent) && windowdevicePixelRat

继续访问

iPhone~iPhone14屏幕尺寸和分辨率的相关知识 ( DPI vs PPI pt vs px

iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的,都是35英寸。在屏幕上同样一个点,实际尺寸大小一样,只是在iPhone 4上单位英寸内的像素点更多,看起来更加细腻。 4 iPhone 6/6s Plus分辨率是1242 x 2208,为什么渲染后分辨率变为1080

纯JS判断iPhone准确机型,iPhone6~iPhoneXs Max

工作中所用到的对于iPhone各类机型的准确识别, 亲测可用,现在分享一下: //iPhone 6/6s/7/8 let isIPhone6 = /iphone/gitest(windownavigatoruserAgent) && windowdevicePixelRatio && windowdevicePixelRatio === 3 && wind

继续访问

js判断手机是否是苹果

前端开发会遇到判断设备类型是否是苹果端,记录一下js代码

继续访问

判断iPhone型号

#import <sys/utsnameh> #pragma mark -- 判断手机型号 -(NSString)judgeIphoneType { struct utsname systemInfo; uname(&systemInfo); NSString phoneType = [NSString stringWithCString: systemInfomachine encoding:NSASCIIString

继续访问

移动端:js如何判断当前的手机系统是安卓还是iOS

废话不多说,直接上代码: // 判断当前系统是ios还是安卓 let u = navigatoruserAgent; let isAndroid = uindexOf("Android") > -1 || uindexOf("Adr") > -1; //android终端 let isIOS = !!umatch(/\(i[^;]+;( U;) CPU+Mac OS X/); //ios终端 if (isAndroid) { consolelog('安卓手机') } i

继续访问

Javascript 识别iPhone、Android移动手机

通过userAgent简单识别访问设备类别

继续访问

html获取手机型号,前端通过js获取手机型号

###前段通过js获取手机型号需求:用户登录后记录当前的手机型号并记录插件:使用步骤:获取UA信息->根据安卓和IOS不同的处理IOS再通过插件mobile-device-js去获取型号安卓通过解析UA信息去获取build之前的信息得到手机型号//引入插件//获取userAgent信息var user_agent = navigatoruserAgent;consolelog(user_

继续访问

原生js判断iPhoneX系列手机型号

#原生js判断iPhoneX系列手机型号 static isIphone() { return /iphone/gitest(windownavigatoruserAgent) } static isIphonXSeries() { if (window !== 'undefined' && window && !thisisIphone()) return false; const xSeriesConfig = [ {

继续访问

ios在判断设备是ipad_使用JS判断设备终端是iPhone、iPad或者电脑(PC)

今天在做一个轮播广告的项目,轮播广告上有两个特效:第一就是鼠标经过变亮,再就是点击图会切换成文字描述的层且覆盖。通常这样的效果在PC端没什么问题的,但是到IPAD上面就会需要点击两下才能切换,所以我想了想,有没有办法让ipad上只执行点击的JS代码,而不执行滑动的代码,于是就想到了“用JS判断终端设备”来解决这个问题,下面就分享下方法:iPad 使用的是 Safari Mobile 浏览器

继续访问

JS判断是苹果系统(ios)还是安卓系统(Android)或者PC端

前言 今天看到一道面试题,JS判断是否是苹果系统(ios)和安卓系统(Android)客户端,一下就涉及到自己的知识盲区,赶紧亡羊补牢一下。顺便在拓展一下是pc还是移动端?pc端的话,又是在什么浏览器运行? JS判断是否是苹果系统(ios)和安卓系统(Android)客户端? <--!通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下--> <script type="text/javascript"> var u = na

继续访问

js判断手机机型

function judgeBrand(sUserAgent) { var isIphone = sUserAgentmatch(/iphone/i) == "iphone"; var isHuawei = sUserAgentmatch(/huawei/i) == "huawei"; var isHonor = sUserAgentmatch(/honor/i) == "honor"; var isOppo = sUserAgentmatc

继续访问

iOS Swift 判断手机机型 已更新 至iPhone12

/// 扩展UIDevice extension UIDevice { /// 获取设备具体详细的型号 var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfomachine) let ide

继续访问

移动端判断是android还是ios

多端开发

继续访问

热门推荐 史上最简单,js并获取手机型号

js获取手机型号

继续访问

js 根据屏幕尺寸判断是否为iphone14

前端

javascript

写评

<scripttype="text/javascript"><!--

function detectOS() {

isWindows = (navigatoruserAgentindexOf("Windows",0) != -1)1:0;

isMac = (navigatoruserAgentindexOf("mac",0) != -1)1:0;

isLinux = (navigatoruserAgentindexOf("Linux",0) != -1)1:0;

isUnix = (navigatoruserAgentindexOf("X11",0) != -1)1:0;

广义的html5包含以下内容:

html5:(一套语义化的标签,在html4的基础上增加的一些语义化的标签:如header,footer等让人一眼就能看明白是做什么的标签)。

css3:(在css2的基础增加了一些属性,比如圆角,阴影等等属性)。

javascript:(同样是在原来的基础上增加了一些新的api,如与html5的canvas标签对应的一套api)。

<title>Js获取适时获取鼠标坐标值并显示</title>

<script type="text/javascript">

var getCoordInDocumentExample = function(){

var coords = documentgetElementById("coords");

coordsonmousemove = function(e){

var pointer = getCoordInDocument(e);

var coord = documentgetElementById("coord");

coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";

}

}

var getCoordInDocument = function(e) {

e = e || windowevent;

var x = epageX || (eclientX +

(documentdocumentElementscrollLeft

|| documentbodyscrollLeft));

var y= epageY || (eclientY +

(documentdocumentElementscrollTop

|| documentbodyscrollTop));

return {'x':x,'y':y};

}

windowonload = function(){

getCoordInDocumentExample();

};

</script>

<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">

请在此移动鼠标。

</div>

<br />

<div id="coord" style="width:500px;border:2px solid #336699;"> </div>

可以!

1、使用mobile-detectjs

2、html

<!DOCTYPEhtml>

<html>

<head>

<meta>

<metaname="viewport"

content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<title>JS获取手机型号和系统</title>

</head>

<body>

</body>

<script src="jqueryjs"></script>

<script src="mobile-adaptjs"></script>

<script>

//判断数组中是否包含某字符串

Arrayprototypecontains=function(needle){

for(iinthis){

if(this[i]indexOf(needle)>0)

returni;

}

return-1;

}

vardevice_type=navigatoruserAgent;//获取userAgent信息

documentwrite(device_type);//打印到页面

varmd=newMobileDetect(device_type);//初始化mobile-detect

varos=mdos();//获取系统

varmodel="";

if(os=="iOS"){//ios系统的处理

os=mdos()+mdversion("iPhone");

model=mdmobile();

}elseif(os=="AndroidOS"){//Android系统的处理

os=mdos()+mdversion("Android");

varsss=device_typesplit(";");

vari=ssscontains("Build/");

if(i>-1){

model=sss[i]substring(0,sss[i]indexOf("Build/"));

}

//判断是否是oppoR9s

if(model="OPPOR9s"){

alert('您的手机是OPPOR9s')

}

if(model=="MI6"){

alert('您的手机是小米6')

}

}

alert('111'+model+'2222');//打印系统版本和手机型号

</script>

</html>

以上就是关于如何获取触摸屏某个区域内的dpi个数全部的内容,包括:如何获取触摸屏某个区域内的dpi个数、js判断iphone14、HTML5 或者JS可以获取移动设备信息吗或者其他非开发语言的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9588909.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存