安卓屏幕適配以及在PS中進行測量

一、在PS中進行測量以及 px/dp 的轉換問題

   安裝如下幾種字體:

   

 

    直接搜索 "Noto Sans CJK" 、"Noto Sans Mono CJK SC " 、"Droid Sans Fallback Regular"就能夠搜到字體包

          安裝爲系統字體之後,PS中自動會檢測到相應的字體,安裝好字體之後,再打開PS源文件

          如果在安裝字體之前就已經打開了OS源文件,最好重新下載一份源文件,重新打開,否則檢測不到字體,字體會被強

          制替換

 

   【前導文章】移動端尺寸問題

       基於上面文章的介紹,對Android屏幕倍率的問題已經有一個清晰地瞭解了,而就目前的市場現狀來講,

       1倍率和2倍率的Android手機已經被淘汰了,基本上全是3倍率的Android手機屏幕,也就是屏幕的寬上

       包含1080個像素(px),學生中更是如此。因此我們直接以3倍率手機屏幕爲標準進行設計和編程,就

       能夠適配90%左右的手機屏幕

 

       我們的設計圖全是按照3倍率設計的,也就是說設計圖的寬度是1080px

       接下來說明一下,如何在PS中進行測量,並將測量的px轉換爲Android編程中的dp

 

   1、對圖層進行解鎖

       我在設計的時候,爲了保證已經設計好的圖層不被誤修改,對很多圖層都上了鎖。因此,如果想要操作圖層

       首先對圖層進行解鎖。

       

 

   2、將單位選擇成爲像素(px)

      編輯——首選項——單位與標尺

      

 

   3、進行尺寸的測量

      ①距離的測量:距離的測量非常的簡單,直接使用矩形選框工具

   

 

   可以看到,在拉出啦的虛線框的旁邊就會顯示出當前矩形虛線框的長和寬,這樣就能獲得我們想要的距離,如上圖中

  我們就知道了方形頭像應該距離屏幕左邊緣45像素,由於我們是3倍率,所以轉換爲dp則爲:45÷3=15dp

  因此,編程的時候寫法爲:android:layout_alignParentLeft = 15dp;

 

  4、測量圖形的尺寸

      一般是測量設計圖中的一些矩形、圓角矩形或者圓等這些規則圖形的大小,當然我們可以直接把這些圖像從設計圖中切

     下來,作爲圖片放在工程中的drawable文件夾中使用,也可以通過代碼繪製這樣的規則圖形,都是可以的,如果我們需

     要通過代碼繪製圖形,就需要知道圖形的大小

 

     一種方法,我們可以向上面一樣直接使用 虛線框配合參考線的方式測量,也可以如下:

    

  同樣除以3得到對應的dp數值,然後進行編程

 

  4、使用上面兩種方法,配合參考線的使用,基本上可以測量出所有尺寸,記得除以3得到dp數值

  當然設計圖設計的時候,有些尺寸也不是很準確,有的地方測量出來的像素數不是3的倍數,這時候就得四捨五入,或者將

      諸如 44px 這樣的尺寸按照45px來處理。理想情況下,設計圖中所有的距離都應該是3的倍數纔是標準的。

 

  5、另一方面,設計圖中基本圖形,如矩形、圓、圓角矩形等,是作爲圖片使用,還是用代碼的方式繪製出來,自己視情況

      而定,也不用擔心才能過目會因爲圖片太多,apk變得太大,因爲整個設計圖中並沒有多少圖標和圖片

 

  6、查看文字的字體和文字的大小以及顏色

      

 

  

  Android編程中字體的大小單位用sp,實際上sp和dp是一樣的,都是除以3,比如字號是48像素,那麼轉換爲sp就是16sp

  另一方面,設計圖中的字體在Android中並不是自帶的字體,也就是說在Android原生庫中沒有對應的字體,如果使用自定義

     字體,就需要將字體包封裝進apk中,這樣apk太大,目前我沒有找到什麼好的方法,所以還是用Android默認的字體吧,比如

     上面方框中的字體很粗,那編程的時候使用Android默認的sans字體,並設爲加粗就行了

 

二、查看顏色

  查看顏色非常的簡單,直接使用吸管工具在對應的位置點擊就能獲取顏色了

  



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章