Recriando App Nubank — Parte 1 — SplashActivity

Nesta série de artigos abordaremos o desenvolvimento de um app android nativo clone do Nubank. Você pode acessar o repositório através do link no final da página.

Neste artigo, abordaremos a criação de uma tela de splash, semelhante a vista no app original.

Criando a SplashActivity.kt

Primeiramente começaremos criando a SplashActivity.kt, que conterá o seguinte código:

Note que no código acima já estamos definindo qual activity virá logo após a exibição da nossa SplashActivity, neste caso, a DashboardActivity, que por enquanto é apenas uma activity vazia, mas que adiante será nossa tela principal.

Criando Drawable

Para exibição do logo na splash, usaremos um drawable layer-list. Para isso, crie o arquivo background_splash.xml na pasta res/drawables e adicione o seguinte código:

Os resources utilizados nesta série foram obtidos diretamente do apk do Nubank, por meio de engenharia reversa (https://github.com/skylot/jadx)

Criando Style

Com o drawable criado, agora é hora de criarmos o style. Vá até res/values/styles.xml e adicione o seguinte trecho de código:

Modificando AndroidManifest.xml

Agora precisamos adicionar o style SplashTheme à nossa activity.
Para isso, vá até o arquivo AndroidManifest.xml e adicione o atributo android:theme="@style/SplashTheme" na tag da SplashActivity. Seu código deverá ficar semelhante a este:

Você pode conferir no activity_splash.xml as mudanças no layout: