一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

分享個人ios適配方法,最簡單粗暴!

 dalemuxi_3021 2016-11-06

分享個人ios適配方法,最簡單粗暴!

ios適配就是這么簡單,講解我個人的適配規(guī)則和對ios的理解,希望可以幫助你快速去適配ios。

首先要了解到,iPhone6與iPhone6plus的加入,ios適配的難度變大,很多人都不明白具體用多少分辨率去設(shè)計,如何最快捷的適配全部尺寸。

下面我來講解一下我的理解,可能會和各位的想法有沖突,不喜勿噴。先給大家看一組IOS尺寸規(guī)范。

先說說我的理解,IOS界面設(shè)計,不應(yīng)該一味的去考慮iPhone的分辨率(這就是蘋果的聰明之處),而是控件的大小和清晰度,因為控件尺寸規(guī)范官方給定了,也是整個app里面一成不變的東西!舉個例子,iPhone5s和iPhone6分辨率分別是:640x1136、750x1334,但是控件規(guī)范尺寸卻都是一樣的!抓住一點:我們做UI,是要保持控件的清晰度!非控件大部分都是數(shù)據(jù)內(nèi)容,內(nèi)容的話,我們只要標注“距屏幕邊緣xx像素,距頂部xx像素,字號多少”就可以了,然后交給程序猿就不干我們毛事了,autolayout會自動拉伸布局。

 廢話不多說看下面的圖↓

iPhone5s和iPhone6,分辨率不一樣但是控件大小是一樣的,那多余的部分去哪里了?看藍色標注,沒錯!多余的像素空出來了??!不要被640、750這樣的數(shù)值所誤解,分辨率再怎么變控件尺寸規(guī)范是固定的!iPhone6的屏幕尺寸比iPhone5s大,顯示的內(nèi)容自然就多了,但是僅僅是多了,尺寸規(guī)范還是iPhone5s的規(guī)范!那設(shè)計的時候用640還是750的?這個都不重要,只要遵循官方的尺寸規(guī)范就行。當(dāng)然了我個人還是比較喜歡640,習(xí)慣。

看完iPhone5s和iPhone6的,下面看iPhone6 Plus的,在xcode中iPhone6 Plus的分辨率是1242x2208,所以需要適配iPhone Plus要用1242x2208下的尺寸規(guī)范才會有物理尺寸和老人版,還是按照上面的理解,咱們不看分辨率,咱們只看控件尺寸規(guī)范!拿導(dǎo)航欄高度來說(這也是為什么規(guī)范里不會出現(xiàn)寬度,因為寬度隨著拉伸填充空白,而非寬高等比縮放)iPhone5s、6的是88px(@2x),iPhone6 Plus的是132px(@3x),iPhone6 plus尺寸規(guī)范其實就是iPhone5s、6設(shè)備的1.5倍(@2x和@3x命名也很直接)!那么假設(shè)我用640分辨率的,設(shè)計完了,直接圖像大小調(diào)到640x1.5=960,然后分別導(dǎo)出切圖。有人會說,小到大像素會糊掉。天,你們做UI的時候真的不用多邊形矢量工具和智能圖層嗎?勾選“對齊邊緣”和使用“像素貼合”插件(下面提供下載),要是這樣邊緣都糊掉了你來罵我!

放大后,雖然多邊形的框偏移了,但是在“對齊邊緣”和“像素貼合”插件作用下沒有出現(xiàn)毛邊!其實只要保證官方給出的尺寸規(guī)范正確就行了,管他分辨率多少,不是嗎?因為這個是ios,安卓請無視。。即使最后分辨率是960,但是這個不重要,重要的是切圖的素材尺寸對了就行。因為尺寸規(guī)范高是固定的,要是像變成1224的,拉一拉留點空、填充點內(nèi)容不就可以了?控件大小不影響的。

總結(jié):只要按照官方給出的尺寸規(guī)范,不要去管設(shè)備的分辨率,即使你用500x500這樣奇葩的分辨率,只要把狀態(tài)欄設(shè)定成40導(dǎo)航欄設(shè)定成88然后切圖,同樣是可以適配的,因為APP適配要的是零散的切圖素材,正確的分辨率單純的只是為了視覺美觀。

講到這里,你還在糾結(jié)到底用多少分辨率的設(shè)計圖嗎?還在糾結(jié)怎么去適配ios?其實蘋果設(shè)計團隊都已經(jīng)考慮好了。規(guī)范既然有,遵循規(guī)范必定事半功倍,而不是分辨率。

有啥疑問或不明白可以留言。

像素貼合插件下載

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    久久99这里只精品热在线| 日本人妻的诱惑在线观看| 亚洲一区二区三区四区| 亚洲av在线视频一区| 1024你懂的在线视频| 欧美二区视频在线观看| 成人精品一区二区三区综合| 国产又大又硬又粗又湿| 少妇人妻一级片一区二区三区| 中国一区二区三区人妻| 亚洲精品国男人在线视频| 精品高清美女精品国产区| 人妻久久这里只有精品| 欧美日韩中国性生活视频| 精品少妇人妻av免费看| 色婷婷中文字幕在线视频| 好吊日视频这里都是精品| 麻豆视传媒短视频在线看| 久久国产青偷人人妻潘金莲| 国产精品自拍杆香蕉视频| 免费一级欧美大片免费看| 好吊日在线观看免费视频| 人妻内射在线二区一区| 日韩高清毛片免费观看| 亚洲国产黄色精品在线观看| 人妻少妇系列中文字幕| 亚洲国产成人一区二区在线观看| 人妻人妻人人妻人人澡| 欧美精品专区一区二区| 亚洲精品熟女国产多毛| 中文字幕久热精品视频在线| 国产一区二区三中文字幕| 暴力性生活在线免费视频| 伊人色综合久久伊人婷婷| 人妻巨大乳一二三区麻豆| 亚洲一区二区三区在线中文字幕| 日韩欧美亚洲综合在线| 色婷婷视频在线精品免费观看| 日韩在线视频精品中文字幕| 翘臀少妇成人一区二区| 欧美在线视频一区观看|