-
px 像素 構(gòu)成圖像的最小單位
一般進(jìn)行ui設(shè)計(jì)或者Android 開發(fā)原生自帶api如獲取屏幕的寬和高返回的數(shù)值都是以px 為單位
dp(dip)密度無關(guān)像素
以160dpi為基準(zhǔn),1dip=1px?
查看全部 -
屏幕尺寸:
指屏幕的對(duì)角線的長(zhǎng)度。單位是英寸,1英寸=2.54厘米
屏幕分辨率:
指在橫縱向上的像素點(diǎn)數(shù)。單位是px,1px=1個(gè)像素點(diǎn)
一般以縱向像素*橫向像素,如1920*1080
屏幕像素密度:
指每英寸上的像素點(diǎn)數(shù),單位是dpi, 即 dot per inch 的縮寫,屏幕像素密度與屏幕尺寸和屏幕分辨率有關(guān)
屏幕像素度 = (橫向像素點(diǎn)數(shù)^2 * 縱向像素點(diǎn)數(shù)^2)開根號(hào) / 屏幕尺寸
查看全部 -
values/xx.xml文件中增加has_two_panes變量
查看全部 -
values-sw600dp-land、values-sw600dp-port2個(gè)文件夾來區(qū)分橫豎屏
查看全部 -
雙面板布局文件
查看全部 -
支持各種屏幕尺寸
查看全部 -
重點(diǎn):3種解決方案
查看全部 -
總結(jié)1常見屏幕密度:
查看全部 -
關(guān)于動(dòng)態(tài)設(shè)置:在安卓中如果沒有特殊說明,穿的高和寬等數(shù)值的單位默認(rèn)都是px。這個(gè)時(shí)候問題就來了,拿popupWindow舉例,其showAtLocation(View parent, int gravity, int x, int y)。其中x和y都是以px為單位。如果不經(jīng)計(jì)算直接寫死如:30,20,那么在不同屏幕上展示的位置是不一樣的。因此需要根據(jù)屏幕寬度和高度針對(duì)標(biāo)準(zhǔn)mdpi進(jìn)行計(jì)算出具體的px傳遞過去。
查看全部 -
實(shí)施自適應(yīng)用戶界面流程
查看全部 -
重點(diǎn):針對(duì)平板和手機(jī),展示不同的效果。平板上顯示的是雙面屏,手機(jī)上顯示的是單面屏。平板上列表是水平攤開的,手機(jī)上是下拉列表。這個(gè)是谷歌官網(wǎng)的demo
查看全部 -
結(jié)論:在切圖時(shí),最好1倍圖、1.5倍圖、2倍圖、3倍圖都切了,這樣內(nèi)存占用和屏幕清晰度都能達(dá)到最優(yōu)平衡點(diǎn)。
查看全部 -
如果只切一套圖,將這張圖放在不同文件夾下,內(nèi)存占用情況是不一樣的。具體如下圖所示:
查看全部 -
如果只能切2套圖,優(yōu)先考慮切分辨率高的圖,這樣在低分辨率手機(jī)上也能正常顯示。如果一開始就切低分辨率的圖,那么在高分辨率手機(jī)上展示出的圖片效果就會(huì)比較模糊。
查看全部 -
轉(zhuǎn)換成px相關(guān)代碼二
查看全部 -
轉(zhuǎn)換成px相關(guān)代碼一
查看全部 -
轉(zhuǎn)換成values-1920*1080等目錄后的使用舉例
查看全部 -
使用px適配屏幕的效果,沒有維護(hù)對(duì)應(yīng)分辨率values目錄的屏幕上,320dp不滿一個(gè)屏幕寬。
查看全部 -
解決手機(jī)屏幕寬度不一致的問題
方案一:使用px,以320*480為基準(zhǔn),將屏幕寬度和高度分別平分320和480.優(yōu)點(diǎn)可以精確匹配到指定分辨率的手機(jī)。缺點(diǎn):每個(gè)分辨率都要弄一套values,很麻煩。如果找不到其對(duì)應(yīng)分辨率的values目錄,會(huì)造成程序崩潰。若使用默認(rèn)的values目錄,雖然程序不崩潰了。但是其實(shí)際px轉(zhuǎn)換值跟默認(rèn)values目錄下轉(zhuǎn)換值不匹配,自然無法良好適配。
查看全部 -
屏幕寬度不一致問題導(dǎo)致的效果不同
查看全部 -
實(shí)際效果圖如下
查看全部 -
所以如果把下邊全部選中,那么意味著.9圖中內(nèi)容區(qū)域的paddingLeft和paddingRight均為0。
查看全部 -
如下圖所示:右側(cè)黑線上方距離上邊緣的距離就是paddingTop,右側(cè)黑線下方距離下邊緣的距離就是paddingBottom。下側(cè)黑線左方距離左側(cè)邊緣的距離就是paddingLeft,下側(cè)黑線右方距離右側(cè)邊緣的距離就是paddingRight。
查看全部 -
間隔區(qū)域理解:右側(cè)和下側(cè)均劃上黑線,看屏幕右側(cè)顯示結(jié)果,注意content。間隔區(qū)域影響的其實(shí)是控件的padding值??凑{(diào)整后效果圖時(shí),要通過模擬器或者真機(jī)查看,而不是依靠預(yù)覽圖,因?yàn)轭A(yù)覽圖有時(shí)顯示的效果并不準(zhǔn)確。
查看全部 -
介紹.9圖的間隔區(qū)域(.9圖右側(cè)和下側(cè)點(diǎn)介紹)
查看全部 -
.9圖設(shè)置拉伸點(diǎn)介紹(.9圖左側(cè)和上側(cè)拉伸區(qū)域介紹)
查看全部 -
如果在左邊的中點(diǎn)和上邊的中點(diǎn)各點(diǎn)擊一個(gè)黑點(diǎn),那么其拉伸效果如右圖所示:
查看全部
舉報(bào)