PixelRatio 類(lèi)為像素密度設(shè)備提供了訪問(wèn)權(quán)。

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到新野網(wǎng)站設(shè)計(jì)與新野網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：成都網(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ù)來(lái)實(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 試圖通過(guò)將一個(gè)原始的像素?cái)U(kuò)展成多個(gè)值得方法，看似是盡可能忠實(shí)于用戶的體驗(yàn)價(jià)值，實(shí)際上是欺騙了眾人的眼睛。這項(xiàng)技術(shù)的缺點(diǎn)是使得生成的元素看起來(lái)很模糊。

實(shí)際上，我們發(fā)現(xiàn)開(kāi)發(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ù)來(lái)進(jìn)行工作的。這只會(huì)發(fā)生在當(dāng)在為主線程里我們進(jìn)行舍入的原生元素設(shè)定任意位置和尺寸的時(shí)候。同時(shí)，舍入操作是針對(duì)根而不是父母完成的，這又一次避免了累積舍入誤差。

網(wǎng)頁(yè)名稱(chēng)：創(chuàng)新互聯(lián)React教程：像素比率
文章出自：http://uogjgqi.cn/article/djhhjdj.html