成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区 电影二区 I 色av吧 中文字幕 I 国产精品伊人色

歡迎來到培訓無憂網!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網 > 新聞資訊 > 電腦/IT > UI設計 >  android ui適配和ios ui適配分別是怎樣得

android ui適配和ios ui適配分別是怎樣得

來源:培訓無憂網 發布人:裴裴

2022-05-30 14:34:13|已瀏覽:4603次

ios ui適配

android ui適配

      Android設備的屏幕尺寸,從幾寸的智能手機,到10寸的平板電腦,再到幾十寸的數字電視,我們應該適配哪些設備呢?
      什么是ui適配_ui適配原則,其實這個問題不應該這么考慮,因為對于具有相同像素密度的設備來說,像素越高,尺寸就越大,所以我們可以換個思路,將問題從單純的尺寸大小轉換到像素大小和像素密度的角度來。

      占比5%以上的6個主流分辨率,占比高的是480*800,320*480的設備竟然也占據了很大比例,但是和半年前的數據相比較,中低分辨率(320*480、480*800)的比例在減少,而中高分辨率的比例則在不斷地增加。雖然每個分辨率所占的比例在變化,但是總的趨勢沒變,還是這六種,只是分辨率在不斷地提高。所以說,我們只要盡量適配這幾種分辨率,就可以在大部分的手機上正常運行了。當然了,這只是手機的適配,對于平板設備(電視也可以看做是平板),我們還需要一些其他的處理。

ios ui適配

      從iPhone3GS/iPhone4(s)過渡到iPhone5(s)時,在邏輯上寬度不變高度稍高,之前舊的素材和布局通過AutoresizingFlexible簡單適配即可運行得很好,但由于高寬比增大,上下兩端出現黑粗邊(典型如LaunchImage)。
      從分辨率的角度來看,除了需要提供LaunchImage這種滿屏圖,其他基本沿用二倍圖(@2x);從屏幕尺寸角度來看,需要對縱向排版略加調整。從iPhone5(s)發展到iPhone6(+),由于高寬比保持不變,iOS對圖標、圖片、字體進行等比放大自適應,清晰度會有所降低。同時,坐標布局會導致在大屏下出現偏左偏上的問題。從分辨率的角度來看,iPhone6沿用二倍圖(@2x),但需為iPhone6+提供更高的三倍圖(@3x);從屏幕尺寸角度來看,需要重新對UI元素尺寸和布局進行適配,以期視覺協調。

      (1)按寬度適配

      iPhone4~6(+)的屏幕高寬比:

      iPhone4(s):分辨率960*640,高寬比1.5

      iPhone5(s):分辨率1136*640,高寬比1.775

      iPhone6:分辨率1334*750,高寬比1.779

      iPhone6+:分辨率1920*1080,高寬比1.778

      可粗略認為iPhone5(s)、6(+)的高寬比是一致的(16:9),即可以等比例縮放。這樣,共有iPhone3/4/5、6、6+三組寬度,在iPhone6、6+下將按比例橫向放大。

      (2)按高度適配

      在同樣的寬度下,iPhone4(s)的屏高比iPhone5(s)低,若縱向排版緊張,可以iPhone5(s)為基準,共有iPhone3/4、5、6、6+四組高度,在iPhone3/4下將按比例縱向縮小,在iPhone6、6+下將按比例縱向放大。

      (3)按字體適配

      另外,iPhone的【設置】【通用】【輔助功能】中可以設置調節【更大字體】,APP也可以按字號適配。

ui設計一稿適配

      一份設計稿就不能適用于 iOS 各手機屏幕尺寸。如何支持多個尺寸屏幕,這個要分情況討論。對于常規界面我們可以偷個懶,只做 iPhone 5 屏幕尺寸的設計稿,請開發在其它屏幕上自適應,終檢查實機效果沒問題就行。對于一些定制的界面我們應該根據不同屏幕重新適配, iPhone 6 Plus 界面中部分切圖尺寸比 3x 更大,要單獨切圖,所以不是說簡單地給 iPhone 6 Plus 統一切 3x 圖就 OK 的了。這時矢量切圖在開發中優勢很明顯,只要把大屏幕中切圖的尺寸告訴開發即可,無需針對非 3x 元素額外輸出切圖。

      注:尊重原創文章,轉載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-36635.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規劃更適合你的專業課程!
  • 姓名:

  • 手機:

  • 地區:

  • 想學什么:

  • 培訓無憂網
免 費 申 請 試 聽
提交申請,《培訓無憂網》課程顧問老師會一對一幫助你規劃更適合你的專業課程!