Basta baixar o pacote aqui e adicioná-lo ao classpath do seu projeto ou apenas usar o repositório maven: Gradle:
' com.ramotion.paperonboarding:paper-onboarding:1.1.3 '
SBT:
libraryDependencies += " com.ramotion.paperonboarding " % " paper-onboarding " % " 1.1.3 "
Maven:
< dependency >
< groupId >com.ramotion.paperonboarding</ groupId >
< artifactId >paper-onboarding</ artifactId >
< version >1.1.3</ version >
< type >aar</ type >
</ dependency >
Paper Onboarding é um controle deslizante de integração simples e fácil de usar para seu aplicativo. Você só precisa fornecer conteúdo para cada página do controle deslizante - um ícone principal, texto e um pequeno ícone redondo na parte inferior.
1 Use PaperOnboardingPage
para preparar seus dados para o controle deslizante:
PaperOnboardingPage scr1 = new PaperOnboardingPage ( "Hotels" ,
"All hotels and hostels are sorted by hospitality rating" ,
Color . parseColor ( "#678FB4" ), R . drawable . hotels , R . drawable . key );
PaperOnboardingPage scr2 = new PaperOnboardingPage ( "Banks" ,
"We carefully verify all banks before add them into the app" ,
Color . parseColor ( "#65B0B4" ), R . drawable . banks , R . drawable . wallet );
PaperOnboardingPage scr3 = new PaperOnboardingPage ( "Stores" ,
"All local stores are categorized for your convenience" ,
Color . parseColor ( "#9B90BC" ), R . drawable . stores , R . drawable . shopping_cart );
ArrayList < PaperOnboardingPage > elements = new ArrayList <>();
elements . add ( scr1 );
elements . add ( scr2 );
elements . add ( scr3 );
2 Crie um fragmento de PaperOnboardingFragment
e forneça seus dados.
PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );
3 Pronto! Agora você pode usar esse fragmento como quiser em sua atividade, por exemplo:
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();
4 Etapa extra: você pode adicionar ouvintes de eventos a fragmentos com sua lógica, como substituir esse fragmento por outro quando o usuário desliza a seguir na última tela:
onBoardingFragment . setOnRightOutListener ( new PaperOnboardingOnRightOutListener () {
@ Override
public void onRightOut () {
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
Fragment bf = new BlankFragment ();
fragmentTransaction . replace ( R . id . fragment_container , bf );
fragmentTransaction . commit ();
}
});
Atualmente, existem três ouvintes que cobrem todos os eventos – onRightOut, onLeftOut e onChange; veja exemplos de código e uso no repositório.
Paper Onboarding Android é lançado sob a licença do MIT. Consulte LICENÇA para obter detalhes.
Esta biblioteca faz parte de uma seleção de nossos melhores projetos de UI de código aberto
Se você usar a biblioteca de código aberto em seu projeto, certifique-se de dar crédito e backlink para www.ramotion.com
Experimente este componente de UI e muito mais em nosso aplicativo Android. Contate-nos se estiver interessado.