Browse Source

Create chat item

chat
N1CK145 5 years ago
parent
commit
dedace6719
  1. BIN
      app/src/main/res/drawable/ic_delivery_status_delivered.webp
  2. BIN
      app/src/main/res/drawable/ic_delivery_status_read.webp
  3. BIN
      app/src/main/res/drawable/ic_delivery_status_sending.webp
  4. BIN
      app/src/main/res/drawable/ic_delivery_status_sent.webp
  5. 10
      app/src/main/res/drawable/profile_image.xml
  6. 10
      app/src/main/res/drawable/rounded_corner.xml
  7. 95
      app/src/main/res/layout/conversation_list_item_view.xml
  8. 2
      app/src/main/res/values/colors.xml

BIN
app/src/main/res/drawable/ic_delivery_status_delivered.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 B

BIN
app/src/main/res/drawable/ic_delivery_status_read.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 B

BIN
app/src/main/res/drawable/ic_delivery_status_sending.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 B

BIN
app/src/main/res/drawable/ic_delivery_status_sent.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 B

10
app/src/main/res/drawable/profile_image.xml

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#ffaaaaaa"/>
<corners
android:bottomRightRadius="30dp"
android:bottomLeftRadius="30dp"
android:topLeftRadius="30dp"
android:topRightRadius="30dp"/>
</shape>

10
app/src/main/res/drawable/rounded_corner.xml

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="@color/charcole"/>
<corners
android:bottomRightRadius="15dp"
android:bottomLeftRadius="15dp"
android:topLeftRadius="15dp"
android:topRightRadius="15dp"/>
</shape>

95
app/src/main/res/layout/conversation_list_item_view.xml

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="72dp"
android:background="#666">
<ImageView
android:id="@+id/imageProfilePicture"
android:layout_width="56dp"
android:layout_height="0dp"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:background="@drawable/profile_image"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:visibility="visible" />
<TextView
android:id="@+id/unread_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|top"
android:layout_marginTop="1dp"
android:layout_marginEnd="1dp"
android:height="20dp"
android:background="@drawable/rounded_corner"
android:fontFamily="sans-serif-medium"
android:gravity="center"
android:minWidth="20dp"
android:textColor="#fff"
app:layout_constraintEnd_toEndOf="@+id/imageProfilePicture"
app:layout_constraintTop_toTopOf="@+id/imageProfilePicture"
app:lineHeight="1dp"
tools:text="1" />
<TextView
android:id="@+id/textViewContactName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="11dp"
android:text="Peter Parker"
android:textColor="#ffffff"
android:textSize="17sp"
android:textStyle="bold"
app:layout_constraintStart_toEndOf="@+id/imageProfilePicture"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewLastMessage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:maxWidth="300dp"
android:maxLines="2"
android:text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
android:textColor="#aaffffff"
android:textSize="13sp"
app:layout_constraintStart_toEndOf="@+id/imageProfilePicture"
app:layout_constraintTop_toBottomOf="@+id/textViewContactName"
tools:text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod" />
<TextView
android:id="@+id/textViewTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:text="10min"
android:textColor="#fff"
android:textSize="10sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/read_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|end"
android:layout_marginEnd="8dp"
android:layout_marginBottom="3dp"
android:paddingStart="2dp"
android:src="@drawable/ic_delivery_status_read"
android:tint="@color/charcole"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
tools:visibility="visible" />
</android.support.constraint.ConstraintLayout>

2
app/src/main/res/values/colors.xml

@ -8,4 +8,6 @@
<color name="white_selected">#E0FFFFFF</color>
<color name="white_unselected">#66FFFFFF</color>
<color name="charcole">#36454f</color>
</resources>

Loading…
Cancel
Save