Pantalla de inicio usando Style !. Que tal exibir o logo do seu app… | de Thiago You | Noviembre de 2020

Para este conteúdo se considera que você já conheça o básico sobre aplicações androides, tais como Actividades, Estilos y Dibujables.

Algumas vez que su aplicación levará algunos segundos para inicializar al lienzo inicial, en este momento é muito melhor exibir uma imagem personalizada do que uma lienzo totalmente em manada. ¡Es por esta razón que puede usarlo en la pantalla de bienvenida!

Primeiro, existem duas abordunagens para se implementar este lienzo inicial de carga. Una primera opción que implica la utilidad de cargar una actividad propia como ponto de entrada muestra una imagen / diseño antes de redirigir para una aplicación Primeira Canvas do real. Enquanto na segunda opção cria um estilo simple y simple en el lienzo inicial de la aplicación seu.

Una primeira opção nem siempre es necesaria si você precisa apenas exibir uma tela de carregamento simples. Si solo desea exibir uma imagem ou layout estático, então no precisa criar toda uma activity nova y então forçar or usuário a esperar um loading fixo de somes seconds for depois acessar or seu app. ¿Y si lleva menos tiempo tallar que você definiu? Mesmo assim o usuário siempre van ser forçado a esperar o tempo fixo definido? Sem contar que o tempo de carregamento inicial pode ser diferente dependiendo de cada dispositivo.

Generalmente no es una boa prática forçar o usuário a aguardar nenhum tempo fixo para algo. ¡Cada segundo cuenta! ¡Dito isto, vamos conhecer o jeito mais fácil e prático!

Una primeira coisa que precisamente nos fazer es criar o nosso dibujables que van a servir como fondo desde nuestra pantalla de bienvenida.

Es importante destacar como definimos o primeiro com a cor primária do app, assim definido a cor de fundo da tela, eo segundo um outro dibujable como una imagen / logo que utilizaremos centralizado na lienzo.

O desta imagem de fundo ideal es que seja um “vector”, pois asimilados logros que utilicen qualquer tamanho desejado.

Aunque, en este caso, es posible que la imagen esté presente como las dimensiones exactas que se utilizan, tambor que implementa utilizando el “mapa de bits” dentro del segundo .

Lembrando apenas que nesta abordagem a sua imagem já preciso ter o tamanho exato que queira utilizar, se ela for muito grande pode acabar ultrapassando os limites da tela uma vez que o bitmap não faz nenhum type de scale ou alteração da imagem.

Porém, todavia, entretanto, case a imagem perfeita que você possua seja grande demais para caber na canvas, y redimensiona-la de outra forma não sejá possível (muitas vezes ao redimensionar a imagem perdue muito a resolução, ficando “borrada”), você também pode implements-la no own next item and então forçar um tamanho fixo da imagem.

Mas tenha em mind que isso só vai funcionar para os androids Malvavisco (API 23) y posteriores.

Sinta-se livre para testar e ajustar as dimensões for o que mais se encaixe no seu app.

Outra Alternative para utilizar uma imagem muito grande na Splash Screen, e que funciona em qualquer versão do Android, é pegarmos a imagem desejada and transforma-the em format SVG.

Para isso, podemos utilizar varios sitios en línea y con esta propuesta gratuita (como os ejemplos abaixo).

Os conversores podem retornar resultados diferentes, então cabezas y veja que convierte melhor a su imagen.

Generalmente obtemos um resultado melhor usando imágenes minimalistas y de core únicas y sólidas, por ejemplos, uma logo totalmente branca. Y también no se preocupe como núcleos de la imagen antes de las trocadas durante una conversación, após import-la posibilidad de alterar como núcleos utilizados.

No meu case, eu queria uma logo branca, porém when convertia neste site ele entendia que apart branca como background y por isso acabava quitando un logo y deixando o fundo. Com isso tive que alterar as core from imagem deixando a logo em preto eo fundo em branco, assim o site fazia a conversão como esperado. Então após importar a imagem na IDE eu troquei a cor preta por branca.

Após criar a nova imagem sin formato SVG, podemos fazer o import do arquivo para a pasta de drawables no Android Studio. Haga clic sobre una pasta com o al lado esquerdo y seleccione “Nuevo”> “Vector Asset”. Nesta canvas selecione o “Asset Type” como “Local file” y selecione o novo arquivo.

Com isso você pode selecionar or tamanho exato que desejá pro seu App and própria IDE go fazer or resize. O import dele es exactamente igual ao primeiro ejemplos usando drawable y o resultado é muito melhor.

SVG Importado

Para transformar a cor from imagem em branca simplemente reemplace todas como referências do hexadecimal “# 000000“Y similar para”#fffffff“.

Ahora este es el momento en que se agregó la pantalla de bienvenida, ¡precisamente úsala! Primeiro, criamos um novo tema sin arquivo styles.xml.

Y reemplaza o tema de la actividad principal no nosso arquivo manifest.xml.

Y por último, na nossa Actividad principal alteramos o theme novamente para o theme principal do App (encuentra acontece após o carregamento do app).

¡Listo! Agora ao abrir o App ele vai exibir a nossa Splash Screen enquanto carrega a Main Activity.

En cuanto a la experiencia del usuario, se recomienda que los layouts de diferentes tipos de pantallas desde Splash Screen para distintas resoluciones (y otras versiones de Android), asimilen las garantías que existen en este caso, realice la carga o carga de mas apropiado.

Para un lienzo de carregamento simple y leve, que exiba solo una imagen com o sem uma leyenda, y que se adapta fácilmente a diferentes telas y dispositivos, una pantalla de bienvenida adicionada sin un tema adecuado es ma quo o suficiente.

Porém, se você quiser exibir algum layout complexo, ou queira ejecutar alguma rotina manual ao abrir o app, ai o ideal é criar uma actividad própria para realizar e exibir esse loading.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *