Android開發(fā)新手引導(dǎo)層

轉(zhuǎn)自

http://www.reibang.com/p/9609e547c128

新手引導(dǎo)是指:用戶第一次使用一個(gè)新下載的APP時(shí)瘦锹，使用蒙層的技術(shù)+文字或圖片來提示用戶如何操作 APP甸各，或介紹界面各個(gè)按鈕的用處段多。為的就是引導(dǎo)用戶熟悉APP吼鳞。

首先介紹一下市面上比較好用的開源的三方引導(dǎo)層：

1.NewbieGuide(國內(nèi)開發(fā)者開發(fā))

Android 快速實(shí)現(xiàn)新手引導(dǎo)層的庫，通過簡(jiǎn)潔鏈?zhǔn)秸{(diào)用，一行代碼實(shí)現(xiàn)引導(dǎo)層的顯示。

github地址https://github.com/huburt-Hu/NewbieGuide當(dāng)前star數(shù)2.6k

image.png

2.Highlight(國內(nèi)開發(fā)者開發(fā))

一個(gè)用于app指向性功能高亮的庫

github地址https://github.com/hongyangAndroid/Highlight當(dāng)前star數(shù)3k

image.png

3.GuideView(國內(nèi)開發(fā)者開發(fā))

最最輕量級(jí)的新手引導(dǎo)庫车荔，能夠快速為任何一個(gè)View創(chuàng)建一個(gè)遮罩層，支持單個(gè)頁面戚扳，多個(gè)引導(dǎo)提示忧便，支持為高亮區(qū)域設(shè)置不同的圖形，支持引導(dǎo)動(dòng)畫帽借，方便擴(kuò)展,良好支持fragment

image.png

4.Spotlight

Android Library that lights items for tutorials or walk-throughs etc…

github地址https://github.com/TakuSemba/Spotlight當(dāng)前star數(shù)2.6k

image.png

經(jīng)過對(duì)比后我選擇了NewbieGuide珠增，它的優(yōu)勢(shì)在于使用極其簡(jiǎn)單超歌，單頁面添加多個(gè)引導(dǎo)層只需配置不同xml文件即可，另外蒙層布局的位置是自己來控制的蒂教，這會(huì)避免和其他三方的屏幕適配方案沖突巍举，從而產(chǎn)生位置偏移。

下面來介紹具體使用方式

1.在app的build.gradle文件中添加

//新手引導(dǎo)implementation'com.github.huburt-Hu:NewbieGuide:v2.4.0'

/**

? ? * 新手引導(dǎo)層只有第一次使用 APP 才顯示

? ? */publicvoidshowGuide(){//設(shè)置需要高亮的布局ImageView drawerIv,mindIv,chapterIv,home_open_menuIv,searchIv,sendIv;drawerIv=findViewById(R.id.drawerIv);mindIv=findViewById(R.id.mindIv);chapterIv=findViewById(R.id.chapterIv);home_open_menuIv=findViewById(R.id.home_open_menuIv);searchIv=findViewById(R.id.searchIv);sendIv=findViewById(R.id.sendIv);//為沒個(gè)布局配置需要顯示的信息這里自定義xml即可NewbieGuide.with(HomeActivity.this).setLabel("guide1").setShowCounts(3)//控制次數(shù).alwaysShow(true)//總是顯示凝垛，調(diào)試時(shí)可以打開.addGuidePage(GuidePage.newInstance().addHighLight(drawerIv).setLayoutRes(R.layout.info_known)).addGuidePage(GuidePage.newInstance().addHighLight(mindIv).setLayoutRes(R.layout.info_mind)).addGuidePage(GuidePage.newInstance().addHighLight(chapterIv).setLayoutRes(R.layout.info_chapter)).addGuidePage(GuidePage.newInstance().addHighLight(home_open_menuIv).setLayoutRes(R.layout.info_takephoto)).addGuidePage(GuidePage.newInstance().addHighLight(searchIv).setLayoutRes(R.layout.info_search)).addGuidePage(GuidePage.newInstance().addHighLight(sendIv).setLayoutRes(R.layout.info_sendphoto)).show();}

就這么簡(jiǎn)單新手引導(dǎo)層就完成啦~~

作者：釣星星的小魚

鏈接：http://www.reibang.com/p/9609e547c128

來源：簡(jiǎn)書

著作權(quán)歸作者所有禀综。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處苔严。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者