Android的介面是如何適配多樣化螢幕

2021-03-03 21:53:13 字數 2934 閱讀 6094

1樓:安徽新華電腦專修學院

在研究android的icon設計之前,有必要先了解android的介面是如何適配多樣化螢幕的。

適配性程式將**進行縮放,但是效果較差。

為這兩個精度螢幕的手機各提供一個**。

但是螢幕的引數多樣化,為每一個精度的螢幕都設計一套icon,工作量大並且不能滿足程式的相容性要求,勢必要對螢幕的分級,如在160dpi和180dpi的手機螢幕上採用同一套icon,當這套icon在240dpi效果滿足不了設計要求,就需要另做一套稍大些的icon。

在android 1.5以及更早的版本中,只支援3.2′′ 螢幕上的hvga (320×480)解析度,開發人員也不需要考慮介面的適配性問題。

從android 1.6之後,平臺支援多種尺寸和解析度的裝置,這也就意味著開發人員在設計時要考慮到螢幕的多樣性。

為了簡化設計並且相容更多的手機螢幕,平臺依照尺寸和解析度對螢幕進行了區分:

三種尺寸:大,中,小。

三種精度:高(hdpi),中(mdpi)和低(ldpi)。

程式可以為這三種尺寸的螢幕提供預設資源,如有需要,還可以為各種精度的螢幕提供資源。在執行時,系統會根據螢幕布局載入正確尺寸或者精度的**。

android支援的螢幕

在執行時,程式為最佳顯示效果提供了三種方法:

1.**縮放

基於當前螢幕的精度,平臺自動載入任何未經縮放的限定尺寸和精度的**。如果**不匹配,平臺會載入預設資源並且在放大或者縮小之後可以滿足當前介面的顯示要求。例如,當前為高精度螢幕,平臺會載入高精度資源(如**),如果沒有,平臺會將中精度資源縮放至高精度。

2.自動定義畫素尺寸和位置

如果程式不支援多種精度螢幕,平臺會自動定義畫素絕對位置和尺寸值等,這樣就能保證元素能和精度160的螢幕上一樣能顯示出同樣尺寸的效果。例如,要讓wvga高精度螢幕和傳統的hvga 螢幕一樣顯示同樣尺寸的**,當程式不支援時,系統會對程式慌稱螢幕解析度為320×533,在(10,10)到(100,100)的區域內繪製圖形完成之後,系統會將圖形放大到(15,15)到(150,150)的螢幕顯示區域。

3.相容更大尺寸的螢幕

當前螢幕超過程式所支援螢幕的上限時,定義supports-screens元素,這樣超出顯示的基準線時,平臺在此顯示黑色的背景圖。例如,wvga 中精度螢幕上,如程式不支援這樣的大螢幕,系統會謊稱是一個320×480的,多餘的顯示區域會被填充成黑色。

但為了達到最佳的顯示效果,最好的方法還是設計多套**。那就有必要對於所有的螢幕依據精度值進行分級(高中低),之後再設計三套icon:

先為主流的中精度螢幕(hvga)設計一套icon,確定**的畫素尺寸。

為高精度螢幕將**放大到150%,為低精度螢幕將**縮小至75%。

將這三套資源放置到程式的三個資料夾下 :res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable-ldpi/。程式在執行時,平臺會根據螢幕的精度調取合適的icon。

設計指南

android標準icon

launcher icon是程式主介面上的功能圖示,android對於各個icon的風格有一定的要求:

符合當下的流行趨勢,避免過度使用隱喻。

高度簡化和誇張,小尺寸圖示也能易於識別,不宜太複雜。

嘗試抓住程式的主要特徵,比如音像作為**的icon。

使用自然的輪廓和形狀,看起來幾何化和有機化,不失真實感。

icon採用前視角,幾乎沒有透視,光源在頂部。

不光滑但富有質感。

正確和錯誤的icon

另外,所有的icon都有文字標籤,不要在設計時把文字也放到icon中。

launcher icon通常是一個較大的標準圖示中包含一個小圖示,使用一箇中性色彩和一個主要色彩,並保持高度的對比,不宜過度飽和。

推薦色值

尺寸和定位

launcher icons要有多樣化的形狀和樣式,但又要形成統一的視覺風格,其尺寸和定位也用統一:

(full asset)紅色邊框為圖示尺寸

(icon)藍色邊框是圖形尺寸,比圖示尺寸稍小,圖形之外的空間用於顯示陰影和特殊效果。

(square icon)橙色邊框是另外一種圖形尺寸。兩種型別的圖形尺寸可以達到統一的視覺權重。

icon dimensions for high-density (hdpi) screens:

full asset: 72 x 72 px

icon: 60 x 60 px

square icon: 56 x 56 px

icon dimensions for medium-density (mdpi) screens:

full asset: 48 x 48 px

icon: 40 x 40 px

square icon: 38 x 3

icon dimensions for low-density (ldpi) screens:

full asset: 36 x 36 px

icon: 30 x 30 px

square icon: 28 x 28 px

模板wvga (高精度) 螢幕的陰影:

effect: drop shadow

color: #000000

blend mode: multiply

opacity: 75%

angle: 90°

distance: 2px

spread: 0%

size: 5px

非常詳盡的icon設計教程,一個程式裡要放置三套icon,還有android硬體比較好,不然記憶體爆掉了。

程式icon的設計:

57×57畫素,直角。

無發光效果。

無透明度。

將**命名為icon.png,放置在程式的資源包中,iphone os會自動生成一個icon。

iphone的icon設計就這麼簡單,iphone的螢幕只有320×480畫素,所以程式沒有適配性問題。

android介面編輯開發中的activity main x

android 是表示textview的id是mytext,然後這個就可以通過findviewbyid r.id.mytext 獲得一個textview物件 android text string hello world 是說明在res目錄下建立了一個名為string的xml檔案,其中包含一個名為h...

電源介面卡的大小介面怎麼區分,電源介面卡介面與電源線介面大小不一是正常的嗎

首先可以根據外觀來判斷,2.5外徑得常見,5v 1a 12v 1a。電源介面卡的電源介面,有2.5的,還有3.5的,是看直徑的 電源介面卡的大小介面怎麼區分 電源介面卡dc插頭的內徑 外徑規格有 單位為mm 5.5 2.5 5.5 2.1 4.75 1.7 4.0 1.7 3.5 1.35 3.5 ...

android軟體的版本更新是如何實現的

l1.可以開啟手機中的無線升級軟體 看是否有升級提示,若有可以升級,這是手機廠家的自動升級 2.到手機維修店去做升級系統。3.千萬不要自己刷機升級,由於系統的不相容性會造成變磚不能使用 android怎麼實現軟體的版本控制?所有的android軟體開發時來,自有會有這2個屬性android vers...