項(xiàng)目啟動(dòng)時(shí),需要在開屏頁顯示一個(gè) Logo

目前成都創(chuàng)新互聯(lián)公司已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、凌海網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
先在 style.xml 中新建一個(gè) 樣式:
注意:重點(diǎn)是 android:windowBackground 屬性。
在 drawable 下面創(chuàng)建 splash.xml
注意: 顯示的Logo 尺寸要求切圖時(shí)就控制好尺寸。這里是沒法限制尺寸的。
樣式創(chuàng)建好之后,配置給你的 啟動(dòng)頁面
然后就是,你的 LoadingActivity 頁面不需要有布局,或者只寫一個(gè)根布局,然后背景顏色設(shè)置為透明。
android中啟動(dòng)頁背景設(shè)置文字步驟
1、打開你的安卓開發(fā)軟件。
2、新建一個(gè)工程。例如工程名ty。
3、打開左側(cè)的工程文件夾。打開res中的layout,雙擊main.xml.
4、下面要添加圖片到工程里。下載或者在本地上找到一張需要的圖片。
5、先把圖片剪切一下,長(zhǎng)寬要適合顯示屏幕。
6、看好,一般的圖片都是jpg格式的。一定要把格式轉(zhuǎn)化為png格式的。
7、把轉(zhuǎn)化后的圖片拖到工程中res中的drawable-hdpi中。
開機(jī)logo主要與kernel/drivers/video/logo下的logo_linux_clut224.ppm有關(guān)。
現(xiàn)kernel源碼內(nèi)一般以提供廠商的logo為主。
我們需要替換的文件也就是該ppm文件。
這里直接提供png轉(zhuǎn)ppm的sh腳本。前提是必須安裝了以下工具(pngtopnm,pnmquant,pnmtoplainpnm)
./png2ppm.sh XX.png
用生成的同名ppm文件替換logo_linux_clut224.ppm。
同時(shí)刪除kernel/drivers/video/logo下的logo_linux_clut224.c和logo_linux_clut224.o
Android開機(jī)動(dòng)畫主要是由一個(gè)zip格式的壓縮包bootanimation.zip組成,壓縮包里面包含數(shù)張png格式的圖片,還有一個(gè)desc.txt的文本文檔,開機(jī)時(shí)按desc.txt里面的指令,屏幕上會(huì)按文件名稱順序連續(xù)的播放一張張的圖片。、
這個(gè)一般flash制作或者選擇交給美工制作了。圖片張數(shù)盡量不要太多。
關(guān)鍵:圖片一定要按順序命名。
重點(diǎn)在于desc.txt文件。
其中1188 624代表分辨率,表示幀動(dòng)畫以這個(gè)分辨率顯示。分辨率不是越高越好,容易造成開機(jī)卡頓,不流暢。
25表示的是幀數(shù),就是每秒播放的圖片數(shù)量。
p1(代表著播放一次) 0(空指令)part0 */這句指令就代表這part0文件夾內(nèi)的圖片只按名稱順序播放一次
p0(重復(fù)播放)0 (空指令)part1 */這一句指令代表著part1文件夾內(nèi)的圖片會(huì)循環(huán)反復(fù)播放
打包要用zip格式,而不是rar格式。另外壓縮的時(shí)候壓縮方式要選擇存儲(chǔ)。將壓縮包名修改為bootanimation.zip。
1)可直接將生成的bootanimation.zip放入設(shè)備/system/meida目錄下重啟驗(yàn)證開機(jī)動(dòng)畫效果。
2)源碼上可直接將bootanimation.zip拷貝至/out/target/product/rk3288/system/media目錄下,最終打包進(jìn)成型固件中。
這里指的是點(diǎn)擊桌面圖標(biāo)后,第一次啟動(dòng)后(冷啟動(dòng))用戶看到的第一個(gè)界面,通常冷啟動(dòng)后,此時(shí)用戶界面還沒渲染,看到的第一幀通常是黑屏或者白屏。為了讓app的體驗(yàn)更好些,可以通過配置主題的方式去取代第一幀的背景。但是背景因設(shè)計(jì)稿的不同,需要作出不同的適配情況,比如:
最近項(xiàng)目在做android和ios的項(xiàng)目,設(shè)計(jì)師讓我給出圖標(biāo)的尺寸,于是查了一下尺寸。
第一步:產(chǎn)品經(jīng)理和UI設(shè)計(jì)師制定好UI規(guī)范,然后開始做圖標(biāo)做顏色做尺寸等一系列和APP界面強(qiáng)相關(guān)的工作,以最常見的“back”按鈕為例,UI設(shè)計(jì)師從無到有的具體實(shí)現(xiàn)步驟:
①在coreldraw或者Sketch中制作好“矢量圖標(biāo)“—返回,此時(shí)的長(zhǎng)寬單位是毫米;
②保存輸出為“PNG位圖圖片”—返回,此時(shí)的長(zhǎng)寬單位是px(像素);
③指定好此圖標(biāo)的內(nèi)外邊距,此時(shí)的邊距單位是px(像素);
④最終此圖標(biāo)圖片交到開發(fā)者手中,做好圖片的放置和內(nèi)外邊距的實(shí)現(xiàn)。開發(fā)這在這個(gè)過程中會(huì)遇到一個(gè)問題:內(nèi)外邊距是由px為單位的距離,但是在實(shí)際開發(fā)中“dp”做為單位的更加常見,所以就會(huì)涉及到“px”“dp”互轉(zhuǎn)的封裝類,專門用來實(shí)現(xiàn)這個(gè)過程,同時(shí)還要注意不同分辨率屏幕的適配。
(1)px,平常我們所說的手機(jī)的分辨率是1920×1080,這就是像素?cái)?shù)量,也就是1920px×1080px,代表手機(jī)高度上有1920個(gè)像素點(diǎn),寬度上有1080個(gè)像素點(diǎn),每個(gè)像素點(diǎn)的單位是px。
(2)dp,dp是為了開發(fā)者便于做不同屏幕的適配而引入的開發(fā)單位,具體來說就是為了使得開發(fā)者設(shè)置的長(zhǎng)度能夠根據(jù)不同屏幕(分辨率/尺寸也就是dpi)獲得不同的像素(px)數(shù)量。比如:我將一個(gè)控件設(shè)置長(zhǎng)度為1dp,那么在160dpi上該控件長(zhǎng)度為1px,在240dpi的屏幕上該控件的長(zhǎng)度為1 240/160=1.5個(gè)px。也就是dp會(huì)隨著不同屏幕而改變控件長(zhǎng)度的像素?cái)?shù)量。
(3)DPI,用戶實(shí)際判別手機(jī)屏幕的顯示好壞,除了分辨率還要考慮屏幕的寬高(英寸),也就是用dpi,即每英寸多少像素來評(píng)價(jià)屏幕的顯示效果。(不然假如手機(jī)分辨率是1920×1080,但是屏幕是幾十寸的,那顯示效果將不會(huì)很好,甚至你有可能看到小的像素塊,那將更影響視覺效果。)
三、Android開發(fā)中圖標(biāo)尺寸總結(jié)(務(wù)必掌握):
(1)dpi、分辨率與圖標(biāo)尺寸的關(guān)系L DPI ( 120 DPI )—分辨率240 320px,其啟動(dòng)圖標(biāo)大小為 36 x 36 pxM DPI (160 DPI )—分辨率320 480px,其啟動(dòng)圖標(biāo)大小為 48 x 48 pxH DPI ( 240 DPI )—分辨率480 800px,其啟動(dòng)圖標(biāo)大小為 72 x 72 pxXH DPI ( 320 DPI )—分辨率1280 720px,其啟動(dòng)圖標(biāo)大小為 96 x 96 pxXXH DPI( 480 DPI )—分辨率1920 1080px,其啟動(dòng)圖標(biāo)大小為144 x 144 pxXXXH DPI( 640 DPI )—分辨率3840*2160px,其啟動(dòng)圖標(biāo)大小為192 x 192 px
(2)開發(fā)中“px”到“dp”從 px 換算成 dp 要知道它是以什么 dpi 標(biāo)準(zhǔn)來設(shè)計(jì)的,換句話說,就是要根據(jù)不用分辨率的屏幕,根據(jù)換算關(guān)系表得到相應(yīng)的 dp 。 例如: 以 xxhdpi 標(biāo)準(zhǔn)設(shè)計(jì)的 UI,其中一個(gè)切圖的分辨率是 600 px * 360 px ,根據(jù)換算關(guān)系表可知,在 xxhdpi 標(biāo)準(zhǔn)下,1 dp = 3 px ,則其對(duì)應(yīng)的 dp 是 200 dp * 120 dp 。換算關(guān)系表如下:(兩次標(biāo)紅 請(qǐng)重點(diǎn)關(guān)注)
36 x 36 48 x 48 64 x 64 72 x 72 96 x 96 144 x 144 192 x 192
具體的圖標(biāo)尺寸可以打開xcode ,在項(xiàng)目目錄下找到Assets.xcassets文件,這個(gè)文件里面標(biāo)識(shí)出了所需要的圖標(biāo)尺寸,下面標(biāo)識(shí)的是基本尺寸,2x就是底部尺寸x2 ,即下面的尺寸為80pt和120pt
看了一下新的蘋果開發(fā)文檔和Xcode給的AppIcon坑,發(fā)現(xiàn)又新增了一些尺寸的圖標(biāo)。在這里整理一下最新的最全的icon尺寸。
itunes中使用的icon
1024 * 1024
iPhone: iOS7-10桌面圖標(biāo)
60 * 60
120 * 120 @2x
180 * 180 @3x
iPhone: iOS5-6桌面App圖標(biāo)
57 * 57
114 * 114 @2x
iPad: iOS7-10桌面圖標(biāo)
76 * 76
152 * 152 @2x
iPad: iOS5-6桌面圖標(biāo)
72 * 72
144 * 144 @2x
iPhone: iOS5-6的搜索 iOS5-10的設(shè)置
iPad: iOS5-10的設(shè)置
29 * 29
58 * 58 @2x
87 * 87 @3x
iPad: iOS5-6系統(tǒng)搜索圖標(biāo)
50 * 50
100 * 100 @2x
iPhone、iPad: iOS7-10系統(tǒng)搜索圖標(biāo)
40 * 40
80 * 80 @2x
120 * 120 @3x
iPhone、iPad: iOS7-10通知欄圖標(biāo)
20 * 20
40 * 40 @2x
80 * 80 @3x
iPad Pro: App桌面圖標(biāo)
167 * 167 @2x
iPhone匯總:
1024 * 1024
120 * 120
180 * 180
20 * 20
40 * 40
80 * 80
29 * 29
58 * 58
87 * 87
57 * 57 (iOS5-6)
114 * 114 (iOS5-6)
iPad匯總:
1024 * 1024
76 * 76
152 * 152
20 * 20
40 * 40
80 * 80
120 * 120
29 * 29
58 * 58
72 * 72 (iOS5-6)
144 * 144 (iOS5-6)
50 * 50 (iOS5-6)
100 * 100 (iOS5-6)
167 * 167 (iPad Pro)
APP啟動(dòng)頁,即LaunchImages,需要五張不同尺寸大小的圖,切記一定要選擇png格式,否則打包時(shí)報(bào)錯(cuò),導(dǎo)致APP適配失敗。
五張圖的大小即:320 480、640 960、640 1136、750 1334、1242 2208 828 1792 1125 2436 1242 2688
分別對(duì)應(yīng)的iphone屏幕尺寸:iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus 、iphoneX(S)、iphoneXR、iphoneXs Max.
具體步驟:
第一步:
1.點(diǎn)擊工程目錄中的Images.xcassets,點(diǎn)擊左側(cè)邊欄的LaunchImages(如果沒有,在空白處右擊創(chuàng)建一個(gè))
2.然后在xcode最右側(cè)的邊欄處選擇你的APP是否要對(duì)ipad、橫豎屏、以及低版本的iOS系統(tǒng)做支持。
第二步:
將填好的圖片配置到工程中的啟動(dòng)頁選項(xiàng)中
點(diǎn)擊項(xiàng)目目錄的工程 - target - General - App Icons And Launch Images
將Launch Images Source的選項(xiàng)設(shè)置為L(zhǎng)aunchImages,切記當(dāng)APP不是用LaunchScreen.xib來配置啟動(dòng)頁時(shí),LaunchScreen File的選擇狀態(tài)一定為空!否則編譯無法通過
如果此時(shí)還沒有顯示的話,那么你先刪除app,然后再運(yùn)行一下項(xiàng)目看看
參考網(wǎng)站:
本文標(biāo)題:android啟動(dòng)頁,Android啟動(dòng)頁圖片錯(cuò)位
URL鏈接:http://chinadenli.net/article2/dsiogic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、云服務(wù)器、網(wǎng)站營銷、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)