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