mirror of
https://github.com/element-hq/element-android
synced 2024-11-23 18:05:36 +03:00
Home empty screen design update
This commit is contained in:
parent
c0a83d1916
commit
fa191136cc
10 changed files with 142 additions and 23 deletions
|
@ -309,13 +309,13 @@ class RoomListFragment @Inject constructor(
|
|||
RoomListDisplayMode.PEOPLE ->
|
||||
StateView.State.Empty(
|
||||
getString(R.string.room_list_people_empty_title),
|
||||
ContextCompat.getDrawable(requireContext(), R.drawable.ic_home_bottom_chat),
|
||||
ContextCompat.getDrawable(requireContext(), R.drawable.empty_state_dm),
|
||||
getString(R.string.room_list_people_empty_body)
|
||||
)
|
||||
RoomListDisplayMode.ROOMS ->
|
||||
StateView.State.Empty(
|
||||
getString(R.string.room_list_rooms_empty_title),
|
||||
ContextCompat.getDrawable(requireContext(), R.drawable.ic_home_bottom_group),
|
||||
ContextCompat.getDrawable(requireContext(), R.drawable.empty_state_room),
|
||||
getString(R.string.room_list_rooms_empty_body)
|
||||
)
|
||||
else ->
|
||||
|
|
BIN
vector/src/main/res/drawable-hdpi/empty_state_dm.png
Normal file
BIN
vector/src/main/res/drawable-hdpi/empty_state_dm.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 85 KiB |
BIN
vector/src/main/res/drawable-hdpi/empty_state_room.png
Normal file
BIN
vector/src/main/res/drawable-hdpi/empty_state_room.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 86 KiB |
BIN
vector/src/main/res/drawable-mdpi/empty_state_dm.png
Normal file
BIN
vector/src/main/res/drawable-mdpi/empty_state_dm.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
BIN
vector/src/main/res/drawable-mdpi/empty_state_room.png
Normal file
BIN
vector/src/main/res/drawable-mdpi/empty_state_room.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
vector/src/main/res/drawable-xxhdpi/empty_state_dm.png
Normal file
BIN
vector/src/main/res/drawable-xxhdpi/empty_state_dm.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 169 KiB |
BIN
vector/src/main/res/drawable-xxhdpi/empty_state_room.png
Normal file
BIN
vector/src/main/res/drawable-xxhdpi/empty_state_room.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 176 KiB |
110
vector/src/main/res/layout-land/view_state.xml
Normal file
110
vector/src/main/res/layout-land/view_state.xml
Normal file
|
@ -0,0 +1,110 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<merge 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="match_parent"
|
||||
android:padding="8dp"
|
||||
tools:parentTag="android.widget.FrameLayout">
|
||||
|
||||
<ProgressBar
|
||||
android:id="@+id/progressBar"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center" />
|
||||
|
||||
|
||||
<LinearLayout
|
||||
android:id="@+id/errorView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:padding="@dimen/layout_horizontal_margin"
|
||||
android:visibility="gone"
|
||||
tools:visibility="visible">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/errorMessageView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:gravity="center"
|
||||
android:textColor="?riotx_text_primary"
|
||||
android:textSize="16sp"
|
||||
tools:text="Une erreur est survenue" />
|
||||
|
||||
|
||||
<com.google.android.material.button.MaterialButton
|
||||
android:id="@+id/errorRetryView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:layout_marginTop="8dp"
|
||||
android:minWidth="190dp"
|
||||
android:text="@string/global_retry" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
|
||||
<androidx.constraintlayout.widget.ConstraintLayout
|
||||
android:id="@+id/emptyView"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:layout_gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:padding="@dimen/layout_horizontal_margin">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/emptyImageView"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:layout_marginStart="20dp"
|
||||
android:layout_marginEnd="20dp"
|
||||
android:visibility="gone"
|
||||
app:layout_constraintBottom_toTopOf="@id/emptyTitleView"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:ignore="MissingPrefix"
|
||||
tools:src="@drawable/empty_state_dm" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/emptyTitleView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:layout_marginTop="30dp"
|
||||
android:gravity="center"
|
||||
android:textColor="?riotx_text_primary"
|
||||
android:textSize="15sp"
|
||||
android:textStyle="bold"
|
||||
app:layout_constraintBottom_toTopOf="@id/emptyMessageView"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toBottomOf="@id/emptyImageView"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:text="@string/room_list_people_empty_title" />
|
||||
|
||||
|
||||
<TextView
|
||||
android:id="@+id/emptyMessageView"
|
||||
android:layout_width="220dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:layout_marginTop="20dp"
|
||||
android:gravity="center"
|
||||
android:textColor="?riotx_text_secondary"
|
||||
android:textSize="14sp"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toBottomOf="@+id/emptyTitleView"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:text="@string/room_list_people_empty_body" />
|
||||
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
|
||||
</merge>
|
|
@ -20,7 +20,9 @@
|
|||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:padding="@dimen/layout_horizontal_margin">
|
||||
android:padding="@dimen/layout_horizontal_margin"
|
||||
android:visibility="gone"
|
||||
tools:visibility="visible">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/errorMessageView"
|
||||
|
@ -53,47 +55,54 @@
|
|||
android:orientation="vertical"
|
||||
android:padding="@dimen/layout_horizontal_margin">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/emptyImageView"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:layout_marginStart="20dp"
|
||||
android:layout_marginEnd="20dp"
|
||||
app:layout_constraintBottom_toTopOf="@id/emptyTitleView"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:ignore="MissingPrefix"
|
||||
tools:src="@drawable/empty_state_dm" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/emptyTitleView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center_horizontal"
|
||||
android:layout_marginBottom="49dp"
|
||||
android:layout_marginTop="30dp"
|
||||
android:gravity="center"
|
||||
android:textColor="?riotx_text_primary"
|
||||
android:textSize="15sp"
|
||||
android:textStyle="bold"
|
||||
app:layout_constraintBottom_toTopOf="@+id/emptyImageView"
|
||||
app:layout_constraintBottom_toTopOf="@id/emptyMessageView"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
tools:text="@string/room_list_catchup_empty_title" />
|
||||
app:layout_constraintTop_toBottomOf="@id/emptyImageView"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:text="@string/room_list_people_empty_title" />
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/emptyImageView"
|
||||
android:layout_width="64dp"
|
||||
android:layout_height="64dp"
|
||||
android:layout_gravity="center_horizontal"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
tools:src="@drawable/ic_noun_party_popper"
|
||||
app:tint="?riotx_text_primary"
|
||||
tools:ignore="MissingPrefix" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/emptyMessageView"
|
||||
android:layout_width="220dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_gravity="center"
|
||||
android:layout_marginTop="49dp"
|
||||
android:layout_marginTop="20dp"
|
||||
android:gravity="center"
|
||||
android:textColor="?riotx_text_secondary"
|
||||
android:textSize="14sp"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toBottomOf="@+id/emptyImageView"
|
||||
tools:text="@string/room_list_catchup_empty_body" />
|
||||
app:layout_constraintTop_toBottomOf="@+id/emptyTitleView"
|
||||
app:layout_constraintVertical_chainStyle="packed"
|
||||
tools:text="@string/room_list_people_empty_body" />
|
||||
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
|
||||
|
|
|
@ -1641,9 +1641,9 @@
|
|||
<string name="room_list_catchup_welcome_title">Welcome home!</string>
|
||||
<string name="room_list_catchup_welcome_body">Catch up on unread messages here</string>
|
||||
<string name="room_list_people_empty_title">Conversations</string>
|
||||
<string name="room_list_people_empty_body">Your direct message conversations will be displayed here</string>
|
||||
<string name="room_list_people_empty_body">Your direct message conversations will be displayed here. Tap the + bottom right to start some.</string>
|
||||
<string name="room_list_rooms_empty_title">Rooms</string>
|
||||
<string name="room_list_rooms_empty_body">Your rooms will be displayed here</string>
|
||||
<string name="room_list_rooms_empty_body">Your rooms will be displayed here. Tap the + bottom right to find existing ones or start some of your own.</string>
|
||||
|
||||
<string name="title_activity_emoji_reaction_picker">Reactions</string>
|
||||
<string name="reactions_agree">Agree</string>
|
||||
|
|
Loading…
Reference in a new issue