一、在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字體,並設爲加粗就行了
二、查看顏色
查看顏色非常的簡單,直接使用吸管工具在對應的位置點擊就能獲取顏色了