Android基礎知識px、dp、sp的理解

      px就是pixels(像素),各種手機的像素是不同的,1px就是表示手機屏幕上的一個物理像素點。一塊屏幕的分辨率爲240*320,那麼就是屏幕寬有240個像素點,屏幕高有320個像素點。如果屏幕大小不變,分辨率提高,那麼相應的寬高的像素點變多了,這樣畫面看起來就更清晰,更細膩。

       dp就是dip,device independent pixels(設備獨立像素)的縮寫,以前經常使用dip,後來爲了統一風格建議使用dp形式。dp做爲單位的顯示效果是跟屏幕的像素密度dpi(dots per inch)有關的,像素密度就是每一英寸有多少個像素點,例如1.5*2英寸屏幕,240*320分辨率的,那麼240/1.5=160dpi就是橫向像素密度,320/2=160dpi就是縱向像素密度。

       由上可以看出來px和dp是不相同的,px爲單位時在不同屏幕上顯示的物理大小可能不同,而pd爲單位時在不同屏幕上顯示的物理大小基本相同,看以下分析就知道px和dp的區別了。


(其中,實際長度 = 屏幕長度 / 該方向總像素px * 設置的像素值)

       比如:100*100px圖片在1.5*2英寸屏幕,240*320分辨率顯示效果物理大小爲

                    寬爲:  1.5/240*100 = 0.625 英寸

                    高爲:  2/320*100 = 0.625 英寸

                    圖片實際大小就是 0.625*0.625 英寸


                 100*100px圖片在1.5*2英寸屏幕,480*800分辨率顯示效果物理大小爲

                    寬爲:  1.5/480*100 = 0.3125 英寸

                    高爲:  2/800*100 = 0.3125 英寸

                    圖片實際大小就是 0.3125*0.3125 英寸


(其中以160pdi作爲標準,即160pdi時,1px = 1pd;

                         像素密度pdi = 一個方向總像素px / 屏幕該方向長度;

                                 像素px = 像素密度pdi  / 160 * 設置的獨立像素pd)

       比如:100*100pd圖片在1.5*2英寸屏幕,240*320分辨率顯示效果物理大小爲

                    寬爲:  240/1.5 = 160pdi

                             160/160*100 = 100px

                             1.5/240*100 = 0.625 英寸

                    高爲:  320/2 = 160 pdi

                             160/160*100 = 100px

                             2/320*100 = 0.625 英寸

                    圖片實際大小就是 0.625*0.625 英寸


               100*100pd圖片在1.5*2英寸屏幕,480*800分辨率顯示效果物理大小爲
                    寬爲:  480/1.5 = 320 pdi

                             320/160*100 = 200px

                             1.5/480*200 = 0.625 英寸

                    高爲:  800/2 = 400 pdi

                             400/160*100 = 250px

                             2/800*250 = 0.625 英寸

                    圖片實際大小就是 0.625*0.625 英寸

       其中就可以看px作爲單位的效果,同樣的一張圖,放在同樣大小屏幕的手機上,因爲分辨率不同,而看起來大小卻不同,這是不是很不符合我們的需要呢?爲了解決這個問題我們引入使用了pd作爲單位。從上也可以看出pd作爲單位的效果,同樣的一張圖,放在同樣大小屏幕的手機上,雖然屏幕分辨率不同,但是顯示的實際大小卻一樣,符合我們的設計要求。

        sp是字體大小的單位,原理跟dp的相似。


px、dp、sp、dip、dpi名詞解釋參考以下

http://www.cnblogs.com/wader2011/archive/2011/11/29/2267490.html

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