① ios @2x 與 @3x 的尺寸以及切圖規則
iphone5s 為例,一倍圖是640*1136,手機是高清屏幕, 所以用到高倍圖 @2x @3x 就是普通圖的倍數
② 說說android 2.x,3.x,4.x等各版本有什麼區別
這種感覺就像電腦的xp 07 08 10一樣,隨著升級,系統也越完善,提升用戶的使用體驗,增加用戶的安全。流暢,何性能也在增加。
③ APP設計稿是750*1334的的界面,輸出切圖@1x,2x,3x的是什麼尺寸
藍湖不僅能一鍵標注,還能一鍵下載不同格式的切圖。
還有設計圖邏輯連線、交互說明、分狀態展示、高保真原型製作預覽等功能。
對設計圖進行樹狀連線,清晰展示跳轉邏輯。
還可在一旁添加細節說明,方便團隊成員的理解。
④ 安卓APP開發者選項有什麼用
手機的開發者選項針對於開發用途,用於手機的研發測試。
安卓開發者選項詳解:
第一項:提交錯誤報告
將本機上安卓系統的出錯日誌以及硬體設備信息發送給谷歌。
第二項:桌面密碼備份
設置或更新桌面完整備份的密碼。
第三項:保持喚醒狀態不鎖定屏幕
充電時屏幕不會休眠。
第四項:啟用藍牙HCI信息收集日誌
藍牙互傳文件會被記錄日誌。
第五項:進程統計信息
安卓4.4新增功能,每個進程的運行時長百分比,ram使用率,相關後台服務統計情況一目瞭然。
第六項:USB調試
允許外部程序尤其是PC端程序通過adb命令管理手機。安卓系統最有趣也是最吸引人的開放性就是由它控制的。
第七項:撤銷USB調試授權
撤銷所有已連接過的電腦調試授權,下次連接又要重新安裝驅動。
第八項:電源鍵菜單錯誤報告
第九項:允許模擬地點
真正為開發人員設置的一個選項。軟體開發人員對開發的某些定位軟體(一般為地圖軟體),做測試的時候使用的,功能是模擬手機目前所處的位置(比如手機當前實際位置在中國,但測試軟體時要求測試條件為美國,就可以使用該功能進行測試軟體模擬定位)。
第十項:選擇調試應用
開發者選項。
第十一項:顯示觸摸操作
開啟後,手指點擊的地方就顯示一個小圓點。
第十二項:指針位置
以十字橫縱坐標的方式顯示你觸摸的位置,如果是滑動的話,就是一條線的軌跡。
第十三項:顯示屏幕更新
當滾動屏幕或觸控或者系統自動刷新使得屏幕上的某塊區域重新繪制時,該區域閃爍。
第十四項:顯示布局邊界
顯示當前頁面各個組件的邊界框架信息,對於開發人員參考好的app設計有些幫助。
第十五項:窗口動畫縮放
第十六項:過渡動畫縮放
第十七項:動畫程序時長調整
這三項決定了你對整個rom的動態感官體驗。比如啟動app、桌面滑屏、確認框的彈出等,有了動畫就會顯得很順滑以及和諧。關閉了或調節比例越低,會顯得切換動作較為生硬,但好處是對系統資源佔用就會降低。
第十八項:模擬輔助顯示設備
第十九項強制GPU渲染
值得重點介紹的一個選項。安卓的軟體應用的界面可以使用cpu或gpu渲染,包括桌面。由於gpu處理圖形比cpu好,所以gpu渲染應用的界面會更流暢,同時減輕cpu的負擔。gpu強制渲染就是hwa(hard ware acceleration硬體加速)的一種,能夠得到更好的優化。
但強制gpu也是有缺陷的。第一是強制GPU加速功能會增加功耗,降低待機時間。第二是,部分舊程序本身不支持gpu渲染,沒有硬體加速hwa的就會出現崩潰。比較老的程序因為SDK版本低不支持gpu加速,或者開發時默認不開啟gpu渲染,遇上gpu強制渲染就會出現問題。
第二十項:顯示GPU視圖更新
屏幕上的區域更新時閃爍響應的屏幕區域各種閃爍。
第二十一項:顯示硬體層更新
硬體層更新。
第二十二項:調試GPU過度繪制
當使用GPU繪圖時,在屏幕上繪制不同的顏色來表明過度繪制的情況。過度繪制情況的好壞通過顏色來表示,從藍色、綠色、淡紅色到紅色 ,分別代表從好到壞的漸變(1x過度繪制、2x過度繪制、3x過度繪制和超過4x過度繪制)。界面上存在少量的淡紅色可以接受,但如果存在較多的大紅色就代表過度繪制有點嚴重了。暢玩總的來說還好,以正常色和藍綠色居多,說明GPU很智能。
第二十三項:調試非矩形剪裁操作
第二十四項:強制啟用4x MSAA
4倍抗鋸齒,游戲達人應該對此很熟悉。對於暢玩的GPU來說,開啟此選項不會明顯的增加手機的發熱量,對於續航也影響不大,當然這是建立在我的游戲時長比較短的情況下。但對畫質的提升還是蠻明顯的,地鐵跑酷、極品飛車,游戲畫面的邊緣都有了明顯改善,更為細膩圓潤。
第二十五項:停用HW疊加層
停用的話,所有應用將共享視頻內存,將不會經常檢查碰撞與裁剪以顯示一個合適的圖像,將會耗費大量處理能力。而HW疊加層允許應用有單獨的視頻內存,性能自然要好些。
第二十六項:嚴格模式已啟用
在你打開某個應用後,點返回退出但在進程中仍然運行,長時間後屏幕會閃爍提示你在主線程上還是正在運行的應用程序。
第二十七項:顯示CPU使用情況
很有用的一個選項,開啟後在右上角最上層顯示cpu當前正在處理的進程。
第二十八項:GPU呈現模式分析
非常有趣的一個選項,不過真的是開發者選項。用來調試應用,需要結合adb shell mpsys gfxinfo your_package 命令來使用。可以用來測量某個app的幀速率,例如列表視圖滾動的時候。
第二十九項:啟用OpenGL跟蹤
圖形視角效果器,是手機製作圖片軟體的輔助工具,比如ps3D立體圖,需要啟用這個工具才能實現再編輯過程中的圖片旋轉,放大縮小復位等。
第三十項:不保留活動
網上有些教程說開啟這個選項會對解決例如打開通訊錄等操作的卡頓現象有幫助,經過實測沒什麼作用。個人感覺保留活動就和保留IE的緩存一樣,是有用的。
第三十一項:後台進程限制
自定義設置後台程序的進程限制。
第三十二項:顯示所有「應用程序無響應」(ANR)
當app出現FC(強制關閉)錯誤時(具體錯誤做安卓或java開發的人很清楚了,比如數組越界),提示給用戶知曉。
⑤ iOS和安卓用一樣尺寸的圖片,蘋果審核能通過嗎沒有@2X,3X之分的
可以的
這個沒有什麼要求
⑥ android中ui給的2x和3x圖怎麼用
dp轉px是看屏幕密度的,mdpi比率大約1就是說48dp=48px(這里說大約是因為mdpi,hdpi,xhdpi指的都是一個范圍),hdpi=1.5 48dp=72px,xhdpi=2 48dp=96px,720px*1280px如果是手機的話有可能是hpi或者xhdpi具體要看手機的屏幕大小,例如在5寸手機和4寸手機上是不一樣的。譬如我的nexus4 768*1280 4.5寸就屬於xhdpi。
如果你是按照720px*1280px xhdpi來設計,那麼切圖要放在xhdpi的文件夾,當app運行在非xhpid的手機上時android會自己幫你換算到其他的dpi。切圖最好切9patch圖,省空間。
⑦ UI設計稿IOS和安卓如何適配
方案一
IOS與Android共用一套效果圖 1242*2208
IOS與Android常用的尺寸中,最大尺寸的為i6+的尺寸,即1242*2208px
IOS常用尺寸為1242*2208750*1334640*1136640*960
其中750*1334640*1136640*960同為@2x,1242*2208為@3x
所以750*1334640*1136640*960隻做一套640*1136就好了
Android常用尺寸為1080*1920720*1280480*800
他們之間相鄰是可以整除1.5的,也就是1080除以1.5等於720,720除以1.5等於480
即,這三個尺寸可以等比縮放大小,只做一套1080*1920就可以了。
那麼,問題來了。
IOS要做兩套尺寸,1242*2208與640*1136
Android要做一套尺寸,1080*1920
這樣不就是三套了嗎?
其實,i6+的尺寸1242*2208整除1.15就剛好等於1080*1920
也就是說,1242*2208與1080*1920是可以等比縮放的
那麼,i6+與Android的尺寸只做一套1242*2208就可以了。
現在就剩下IOS的640*1136
1242*2208可以直接縮放成640*1136嗎?
如果要等比縮放肯定不行,因為他們之間不能整除
但是,如果我們把1242*2208的尺寸直接放到PS里等比縮小寬度到640,會發現原本2208的高度變成了1138,也就是比1136多了2px,2px的誤差其實無關緊要了,硬著頭皮改成1136去!
現在,你會發現,裡面的圖標,其實1138跟1136的大小都是一樣的。
為什麼提到圖標呢?因為我們的交付物只要一套效果圖與五套切圖就好了。
一套效果圖1242*2208
五套切圖12426401080720480
最後,注意縮放後的圖標要細調一下。由於轉換有誤差,共用一套效果圖是有一定的風險的,例如UI細節上的風險。開發前,設計師與技術人員要先共同確認此適配方案,全程溝通,及時改正UI方面的問題。
方案二
IOS與Android共用一套效果圖750*1334
上面提到,750*1334640*1136640*960同為@2x,所以750跟640用同一套圖標,同一套字體就可以了,至於其他的尺寸大小,只要跟著尺寸延伸就沒問題了。
750*1334應用到1242*2208,則需要把@2x的圖標放大導出成@3x,也就是把字體圖標放大1.5倍,其餘的,直接放大到1242就行了。
至於Android的版本,我個人的做法是把750*1334直接換算成為1080*1920,因為只有1px之差,我就忽略了。換算出了1080*1920,那麼Android的其他尺寸也就好辦啦~同樣,我們的交付物只要一套效果圖與五套切圖就好了。
一套效果圖750*1334
五套切圖12426401080720480
方案三
IOS與Android各做兩套效果圖
原理跟方案一、二差不多,但為了追求細節上的完美,可以多做一套效果圖,即兩套效果圖
1242*2208與640*1136
1242*2208適配i6+Android三種尺寸
1242*2208整除1.15等於1080*1920
1080*1920整除1.5等於720*1280
720*1280整除1.5等於480*800
640*1136適配i6i5i5s等尺寸
方案四
如果需要更完美,那就需要做三套效果圖了
1242*2208640*11361080*1920
還可以再加一套640*960
總之,分開做的越多套效果圖,出來的效果就越精細。反之,看起來可以就行了。