建站
咨詢
售后
建站咨詢
新聞中心
PixelRatio 類為像素密度設(shè)備提供了訪問權(quán)。
站在用戶的角度思考問題，與客戶深入溝通，找到新野網(wǎng)站設(shè)計(jì)與新野網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋新野地區(qū)。
這里有一些使用 PixelRatio 的用例：
顯示一條和設(shè)備許可一樣細(xì)的線
寬度 1 實(shí)際上相當(dāng)于 iPhone4+ 的厚度，我們可以使用設(shè)定寬度為 1 / PixelRatio.get() 的函數(shù)來實(shí)現(xiàn)。這是一項(xiàng)獨(dú)立于像素密度的應(yīng)用在所有設(shè)備上的技術(shù)。
style={{ borderWidth: 1 / PixelRatio.get() }}
獲取一個(gè)正確大小的圖像
如果你使用的是一臺(tái)像素密度比較高的設(shè)備上，那你應(yīng)該得到一個(gè)更高分辨率的圖像。一個(gè)好的經(jīng)驗(yàn)法則是在 pixel ratio 上顯示多種圖像的尺寸。
var image = getImage({
width: 200 * PixelRatio.get(),
height: 100 * PixelRatio.get()
});
方法
static get()
返回設(shè)備的像素密度。一些例子：
-
PixelRatio.get() === 2
-
iPhone 4, 4S
-
iPhone 5, 5c, 5s
-
iPhone 6
-
PixelRatio.get() === 3
-
iPhone 6 plus
產(chǎn)品描述
Edit on GitHub
像素網(wǎng)格拍攝
在 iOS 里，你可以為元素指定有任意精度的位置和尺寸，例如29.674825。但是，最終的物理顯示就只有一個(gè)固定的像素值，例如在 iPhone4 上是 640960，或者在 iPhone6 上是 7501334。iOS 試圖通過將一個(gè)原始的像素?cái)U(kuò)展成多個(gè)值得方法，看似是盡可能忠實(shí)于用戶的體驗(yàn)價(jià)值，實(shí)際上是欺騙了眾人的眼睛。這項(xiàng)技術(shù)的缺點(diǎn)是使得生成的元素看起來很模糊。
實(shí)際上，我們發(fā)現(xiàn)開發(fā)人員并不需要這項(xiàng)功能，但是為了避免生成模糊的像素，他們不得不對(duì)它進(jìn)行手動(dòng)舍入操作。在 React Native 里，我們都是自動(dòng)對(duì)這些元素進(jìn)行舍入。
在進(jìn)行舍入時(shí)，我們必須相當(dāng)?shù)男⌒?。你永遠(yuǎn)不希望在同一時(shí)間使用正常值和四舍五入的值，那就好像你正在不斷的積累舍入誤差。甚至一個(gè)舍入誤差會(huì)造成致命性的錯(cuò)誤，因?yàn)橐粋€(gè)像素邊界可能會(huì)消失或者變成兩倍那么大。
在 React Native 里，在JS和布局引擎里的一切值都是以一個(gè)任意精度的數(shù)來進(jìn)行工作的。這只會(huì)發(fā)生在當(dāng)在為主線程里我們進(jìn)行舍入的原生元素設(shè)定任意位置和尺寸的時(shí)候。同時(shí)，舍入操作是針對(duì)根而不是父母完成的，這又一次避免了累積舍入誤差。
網(wǎng)頁(yè)題目：創(chuàng)新互聯(lián)React教程：像素比率
URL鏈接：http://fisionsoft.com.cn/article/djhhjdj.html
