Cómo crear una interfaz de usuario para mi aplicación de Android similar a la de la aplicación Duxter

Manish Du bey ¡Excelente forma de codificación!

He agregado la vista de Lista que generé y también el archivo XML con pocos cambios.

android: layout_width = “match_parent”
android: layout_height = “match_parent”
android: orientación = “vertical”>

android: id = “@ + id / list_view”
android: layout_width = “match_parent”
android: layout_height = “wrap_content”
android: cacheColorHint = “@ android: color / transparent”
android: divider = “@ android: color / darker_gray”
android: dividerHeight = “1.2dp”
android: scrollbars = “none”
android: footerDividersEnabled = “true”
android: listSelector = “@ android: color / transparent”>

Se agregó el archivo XML menos estructuras de codificación, también se agregó la captura de pantalla aquí para ver lo mismo.

android: layout_width = “match_parent”
android: layout_height = “wrap_content”
android: layout_marginBottom = “5dp”
android: layout_marginTop = “5dp”
android: background = “@ color / bgcolor”
android: orientación = “horizontal”
android: paddingLeft = “10dp”
android: paddingRight = “10dp”>

android: id = “@ + id / controles”
android: layout_width = “wrap_content”
android: layout_height = “match_parent”
android: layout_marginRight = “5dp”>

android: id = “@ + id / línea”
android: layout_width = “1.5dp”
android: layout_height = “match_parent”
android: layout_centerHorizontal = “true”
android: layout_marginLeft = “5dp”
android: background = “@ android: color / darker_gray”
android: gravity = “center” />

android: layout_width = “40dp”
android: layout_height = “40dp”
android: layout_alignParentTop = “true”
android: layout_marginBottom = “5dp”
android: layout_marginTop = “5dp”
android: background = “@ android: color / transparent”
android: contentDescription = “@ null”
android: src = “@ drawable / round” />

android: id = “@ + id / text_view”
android: layout_width = “match_parent”
android: layout_height = “wrap_content”
android: layout_marginRight = “5dp”
android: gravity = “izquierda | arriba”
android: paddingBottom = “15dp”
android: paddingLeft = “5dp”
android: textColor = “@ android: color / negro”
android: paddingRight = “5dp”
android: paddingTop = “15dp” />

Somos desarrolladores de aplicaciones de Contus Android Application Development Company. ¡Puedes agregarnos para más consultas!

Un tipo de UI / UX le dirá cómo lograr eso exactamente, pero según lo veo, puede lograr algo similar al usar un fondo (esto tiene la línea vertical) a la vista de lista y los círculos de imagen de perfil serán vistas de imágenes a las que se cargan imágenes dinámicamente. Estoy seguro de que hay una manera mucho mejor de hacer esto, pero esta es definitivamente una forma en que puedes intentar hacerlo

1. Puede intentar ‘Ver’ para crear y colocar su línea vertical.

2. Luego, dentro de su etiqueta de diseño, establezca ZINDEX (- una propiedad que define la posición z para un elemento) para la etiqueta IMAGEVIEW como un valor entero. Esto pondría la imagen en la parte superior de su línea vertical.