iOS設計標註處理方法

來源:互聯網
上載者:User

標籤:設計   邏輯   視圖   固定   高度   代碼   poi   方法   int   

如果設計只給3x的設計圖

在做2x適配時有幾種處理方法:

  1. 按邏輯像素,大小不變,比如3x手機上一張圖的邏輯像素設為24x24point,那麼2x手機上這張圖的大小也設為24x24point,一般適用於一個視圖高度固定的情況,例如一個app的底部tab欄或者上方的導覽列。一個小風險是2x手機上橫向可能會有點擠,甚至有重合。如果邏輯像素大小不變的話都會有這個問題。
  2. 按比例縮放,比如3x手機上,如6p,一個視圖的大小為414x414,那麼2x手機上,如iPhone6,這個視圖的大小就是375x375,適用於寬度等於裝置寬度(或者是裝置寬度的一定比例),高度按比例算出來的情況,例如資訊流裡的各種卡片。

 

簡單總結一下:能橫劃的視圖(高度固定)可以按照邏輯像素大小不變來布局,這樣寫代碼最簡單,

能豎劃的視圖(寬度固定)要按比例縮放,彈窗類的也可以保持邏輯像素大小不變.,小屏手機適當減少寬度與高度

iOS設計標註處理方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.