Cómo hacer una IU personalizada en Android Studio

La primera interfaz de usuario personalizada que ha marcado no es más que las pestañas deslizables. Esta IU se puede lograr usando ViewPager junto con TabLayout. De forma predeterminada, Tablayout muestra el título de cada pestaña, pero puede cambiarlo a iconos usando su función interna. Si desea ver su implementación, puede consultar este repositorio. Enlace – AndroidDesignPatterns

Este repositorio fue creado y mantenido por mí, no dude en usarlo.

La segunda interfaz de usuario que ha marcado puede lograrse agregando imageView en la parte inferior de la interfaz de usuario de la pantalla. Después de eso, debe configurar la imagen en esta imagen. El diseño de la imagen se puede crear con Photoshop. Le sugeriré que cree un archivo .svg de la imagen y luego lo convierta en un dibujo vectorial. Para que pueda usarlo en su imageView sin perder la calidad de la imagen.

Echa un vistazo a estos enlaces: Fondo animado como la aplicación de despertador Timely.

Interpolación de números. Podría ayudar a hacer parte animada inferior.