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的