O fluxo de login integrado no SDK serve para facilitar a construção de aplicativos na plataforma fluig, provendo um meio de efetuar login sem explicitamente programar todas as etapas necessárias.
Para integrar o login no seu aplicativo, siga os seguintes passos:
FluigSdkApplication
(veja aqui como).Adicione no AndroidManifest do seu aplicativo, as seguintes activities.
Activity
que servirá como launch screen. Launch screens são a primeira tela que o usuário visualiza ao abrir um aplicativo.No código desta Activity
, crie uma Intent
para EmailRequestActivity
que é a primeira tela do fluxo.
Na Intent
criada, adicione outra Intent
para a Activity
que deseja que o login redirecione após a conclusão do fluxo. Esta outra Intent
deve estar na chave BaseLoginActivity.ACTIVITY_INTENT_KEY
.
Existem elementos no layout do login que podem ser personalizados. Esta seção expõe que elementos são esses e como alterá-los para aderir às suas preferências.
Na seção Integração, é possível notar que todas as activities do login compartilham do mesmo tema FluigLoginTheme
. Este tema possui duas variações: Light
e Dark
. A diferença entre essas variações é a cor usada nos textos.
Light
deve ser usado nas telas com fundo claro e, portanto, utiliza textos escuros.Dark
deve ser usado nas telas com fundo escuro e, portanto, utiliza textos claros. O fundo das telas do login foi feito com o componente FluigSdkMediaView
. Este componente permite utilizar: vídeo, imagem, uma cor sólida ou um gradiente horizontal de duas cores.
Siga as instruções abaixo para utilizar o fundo desejado.
Adicione um arquivo de vídeo, no diretório raw do seu aplicativo, com o nome login_background_video
.
Adicione uma imagem, no diretório drawable do seu aplicativo, com o nome login_background_image
.
Adicione no arquivo values/colors.xml um atributo com o nome login_background_solidColor
.
Adicione no arquivo values/colors.xml dois atributos com os nomes login_background_gradient_leftColor
e login_background_gradient_rightColor
.
No topo de cada tela do fluxo há o logo da empresa. Por padrão, o logo mostrado é do fluig. Para alterar o logo, adicione uma imagem, no diretório drawable do seu aplicativo, com o nome login_logo
.
Em algumas telas do fluxo, existe um FluigSdkPager
cujo conteúdo pode ser alterado. Para alterar o conteúdo desse elemento, siga os seguintes passos:
login_pager_content
.Altere o arquivo criado seguindo o modelo abaixo, onde title
será o título da página e content
será o texto no corpo da página. Note que a raiz do arquivo é uma lista.
Para melhor usabilidade do usuário, recomenda-se até 4 (quatro) páginas para o pager do login.