導航:首頁 > 編程語言 > js如何使用2x圖和3x圖

js如何使用2x圖和3x圖

發布時間:2023-02-23 01:25:05

1. 切圖常說的@1X@2X@3X是什麼意思

蘋果IOS程序開發不同解析度的設備統一為一個尺寸而標記的。@3X就是@1X解析度的3倍。
iPad2 是768 x 1024,iPad Retina 是1536 x 2048,開發時都按 768 * 1024
操作。但實際上兩者有一倍差異。為了達到最佳效果,使用的圖片大小不一樣。這時候就用同一個名稱,但 Retina 的圖加上 @2x
後綴。系統載入圖片時,在 iPad2 上會載入 @1x 的圖在 1536 * 2048 的設備上,會載入 @2x 的。@3x 現在用於
iPhone 6/6+ 上。

附帶一提:iOS8渲染操作中使用前綴帶有@1x、@2x 和@3x 的測試圖像,代碼會優先載入3x 圖像。@2x圖像不被載入。使用圖像文件和XCAsset均不行。

2. 【iOS】iOS開發之使用Mac自動操作製作@1x@2x@3x圖片(切圖)

iOS開發中,會要求導入@1x、@2x和@3x:

使用@1x格式: iPhone3GS

使用@2x格式: iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

使用@3x格式: iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

這樣在開發過程中,將三種圖片(比如分別為1.png、[email protected][email protected])導入到工程圖庫中的時候可以自動被識別為1x、2x和3x大小的圖片

可以利用Mac系統中自帶的服務自己 製作一個快速生成@1x、@2x和@3x圖片的功能

首先spotlight搜索Automator,然後按Enter打開

**新建文稿 **

選取文稿類型為 快速操作

在工作流程收到當前的後面選擇圖像文件

在左邊窗口的「操作」下,選擇「資源庫」中的「文件和文件夾」,將右側中的「給訪達項目重新命名」拖入最右側的大窗口中,(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),選擇「添加文本」,在輸入框中輸入【@3x】

拖入「復制訪達項目」

選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【66】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】;****再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@3x」的副本】,以【僅基本名稱】,替換成【@2x】

拖入「復制訪達項目」,選擇左側「資源庫」中的照片,將「縮放圖像」拖入右側窗口(如果警告提示是否要增加一個「拷貝訪達項目」操作,選擇「不添加」),並選擇「按百分比」,輸入【50】

再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【「】,以【僅基本名稱】,再拖入「文件和文件夾」下的「給訪達項目重新命名」,並選擇【替換文本】,查找【@2x」的副本】,以【僅基本名稱】

然後保存,將「快速操作」存儲為「製作@2x@3x圖片」

每次使用的時候,只需選中圖片,選擇訪達 -> 服務 -> 製作@2x@3x圖片,****就會自動生成三個圖片:1.png、[email protected][email protected]

最終效果~

3. android中ui給的2x和3x圖怎麼用

drawable-hpi用2x的drawable-xhpi用3x的

閱讀全文

與js如何使用2x圖和3x圖相關的資料

熱點內容
電腦無法向u盤傳輸文件 瀏覽:823
bpn配置文件 瀏覽:932
501完美越獄工具 瀏覽:119
中間夾菜單裡面不能顯示壓縮文件 瀏覽:952
如何指導小學生參加編程比賽 瀏覽:275
物業的招標文件有哪些 瀏覽:452
保存游戲文件名非法或只讀 瀏覽:258
js怎麼做圖片時鍾 瀏覽:451
華為應用裡面有了app說明什麼 瀏覽:801
資料庫中xy是什麼意思 瀏覽:893
u盤打不開提示找不到應用程序 瀏覽:609
網站功能介紹怎麼寫 瀏覽:954
word在試圖打開文件時錯誤 瀏覽:108
主板無vga插槽怎麼連接編程器 瀏覽:521
錄視頻文件在哪裡刪除 瀏覽:881
word2013如何插入文件 瀏覽:233
proe教程百度網盤 瀏覽:197
如何控制遠程linux伺服器 瀏覽:740
it教學app有哪些 瀏覽:34
怎麼在ps摳的圖變成矢量文件 瀏覽:405

友情鏈接