VoIP: add some feedback on controls

This commit is contained in:
ganfra 2021-02-04 16:29:23 +01:00
parent 882eea75ef
commit 04c4485e3e
6 changed files with 64 additions and 63 deletions

View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:attr/colorControlHighlight">
<item android:id="@android:id/mask">
<shape android:shape="oval">
<solid android:color="#000000" />
</shape>
</item>
<item>
<shape android:shape="oval"/>
</item>
</ripple>

View file

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<size
android:width="40dp"
android:height="40dp" />
<solid android:color="@color/riotx_destructive_accent" />
</shape>

View file

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<size
android:width="40dp"
android:height="40dp" />
<solid android:color="@color/riotx_positive_accent" />
</shape>

View file

@ -42,11 +42,11 @@
android:layout_height="144dp" android:layout_height="144dp"
android:layout_marginTop="32dp" android:layout_marginTop="32dp"
android:layout_marginEnd="16dp" android:layout_marginEnd="16dp"
android:visibility="gone"
tools:visibility="visible"
android:background="@color/riotx_background_light" android:background="@color/riotx_background_light"
android:visibility="gone"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"> app:layout_constraintTop_toTopOf="parent"
tools:visibility="visible">
<ImageView <ImageView
android:id="@+id/otherKnownCallAvatarView" android:id="@+id/otherKnownCallAvatarView"
@ -120,9 +120,10 @@
app:layout_constraintTop_toBottomOf="@id/participantNameText" app:layout_constraintTop_toBottomOf="@id/participantNameText"
tools:text="@string/call_connecting" /> tools:text="@string/call_connecting" />
<TextView <Button
android:id="@+id/callActionText" android:id="@+id/callActionText"
android:layout_width="0dp" style="@style/VectorButtonStyleText"
android:layout_width="wrap_content"
android:layout_height="48dp" android:layout_height="48dp"
android:layout_margin="8dp" android:layout_margin="8dp"
android:gravity="center" android:gravity="center"

View file

@ -1,32 +1,31 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
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_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:clipToPadding="false" android:clipToPadding="false"
android:paddingTop="4dp" android:paddingTop="4dp"
android:paddingBottom="4dp" android:paddingBottom="4dp"
xmlns:tools="http://schemas.android.com/tools" tools:style="@style/AlertStyle">
tools:style="@style/AlertStyle"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ImageView <ImageView
android:id="@+id/incomingCallAvatar" android:id="@+id/incomingCallAvatar"
android:layout_width="40dp" android:layout_width="40dp"
android:layout_height="40dp" android:layout_height="40dp"
android:contentDescription="@string/call_notification_answer"
android:layout_margin="12dp" android:layout_margin="12dp"
app:layout_constraintTop_toTopOf="parent" android:contentDescription="@string/call_notification_answer"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:src="@tools:sample/avatars" /> tools:src="@tools:sample/avatars" />
<TextView <TextView
android:id="@+id/incomingCallNameView" android:id="@+id/incomingCallNameView"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginEnd="12dp"
android:layout_marginStart="12dp" android:layout_marginStart="12dp"
android:layout_marginEnd="12dp"
android:ellipsize="end" android:ellipsize="end"
android:maxLines="1" android:maxLines="1"
android:textColor="?riotx_text_primary" android:textColor="?riotx_text_primary"
@ -43,12 +42,12 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="3dp" android:layout_marginTop="3dp"
android:layout_marginEnd="8dp" android:layout_marginEnd="8dp"
android:ellipsize="end"
android:textColor="?riotx_text_secondary"
app:drawableTint="?riotx_text_secondary"
android:drawablePadding="4dp" android:drawablePadding="4dp"
android:textSize="15sp" android:ellipsize="end"
android:maxLines="1" android:maxLines="1"
android:textColor="?riotx_text_secondary"
android:textSize="15sp"
app:drawableTint="?riotx_text_secondary"
app:layout_constraintEnd_toStartOf="@+id/incomingCallRejectView" app:layout_constraintEnd_toStartOf="@+id/incomingCallRejectView"
app:layout_constraintStart_toStartOf="@id/incomingCallNameView" app:layout_constraintStart_toStartOf="@id/incomingCallNameView"
app:layout_constraintTop_toBottomOf="@id/incomingCallNameView" app:layout_constraintTop_toBottomOf="@id/incomingCallNameView"
@ -58,31 +57,33 @@
android:id="@+id/incomingCallAcceptView" android:id="@+id/incomingCallAcceptView"
android:layout_width="40dp" android:layout_width="40dp"
android:layout_height="40dp" android:layout_height="40dp"
android:background="@drawable/oval_positive" android:layout_marginEnd="12dp"
android:background="@drawable/bg_rounded_button"
android:backgroundTint="@color/riotx_accent"
android:clickable="true" android:clickable="true"
android:contentDescription="@string/call_notification_answer" android:contentDescription="@string/call_notification_answer"
android:focusable="true" android:focusable="true"
android:layout_marginEnd="12dp"
android:padding="8dp" android:padding="8dp"
app:layout_constraintTop_toTopOf="parent" android:src="@drawable/ic_call_answer"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:tint="@color/white" app:layout_constraintTop_toTopOf="parent"
android:src="@drawable/ic_call_answer" /> app:tint="@android:color/white" />
<ImageView <ImageView
android:id="@+id/incomingCallRejectView" android:id="@+id/incomingCallRejectView"
android:layout_width="40dp" android:layout_width="40dp"
android:layout_height="40dp" android:layout_height="40dp"
android:background="@drawable/oval_destructive" android:layout_marginEnd="12dp"
android:background="@drawable/bg_rounded_button"
android:backgroundTint="@color/riotx_destructive_accent"
android:clickable="true" android:clickable="true"
android:contentDescription="@string/call_notification_reject" android:contentDescription="@string/call_notification_reject"
android:focusable="true" android:focusable="true"
android:padding="8dp" android:padding="8dp"
android:layout_marginEnd="12dp" android:src="@drawable/ic_call_hangup"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/incomingCallAcceptView" app:layout_constraintEnd_toStartOf="@id/incomingCallAcceptView"
android:src="@drawable/ic_call_hangup" /> app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>

View file

@ -18,7 +18,8 @@
android:id="@+id/ringingControlAccept" android:id="@+id/ringingControlAccept"
android:layout_width="56dp" android:layout_width="56dp"
android:layout_height="56dp" android:layout_height="56dp"
android:background="@drawable/oval_positive" android:background="@drawable/bg_rounded_button"
android:backgroundTint="@color/riotx_accent"
android:clickable="true" android:clickable="true"
android:contentDescription="@string/call_notification_answer" android:contentDescription="@string/call_notification_answer"
android:focusable="true" android:focusable="true"
@ -31,7 +32,8 @@
android:id="@+id/ringingControlDecline" android:id="@+id/ringingControlDecline"
android:layout_width="56dp" android:layout_width="56dp"
android:layout_height="56dp" android:layout_height="56dp"
android:background="@drawable/oval_destructive" android:background="@drawable/bg_rounded_button"
android:backgroundTint="@color/riotx_destructive_accent"
android:clickable="true" android:clickable="true"
android:contentDescription="@string/call_notification_reject" android:contentDescription="@string/call_notification_reject"
android:focusable="true" android:focusable="true"
@ -43,6 +45,8 @@
<androidx.constraintlayout.helper.widget.Flow <androidx.constraintlayout.helper.widget.Flow
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
app:flow_horizontalStyle="packed"
app:flow_horizontalGap="48dp"
app:constraint_referenced_ids="ringingControlDecline, ringingControlAccept" app:constraint_referenced_ids="ringingControlDecline, ringingControlAccept"
tools:ignore="MissingConstraints" /> tools:ignore="MissingConstraints" />
@ -63,12 +67,13 @@
<ImageView <ImageView
android:id="@+id/openChatIcon" android:id="@+id/openChatIcon"
android:layout_width="32dp" android:layout_width="@dimen/layout_touch_size"
android:layout_height="32dp" android:layout_height="@dimen/layout_touch_size"
android:scaleType="center"
android:clickable="true" android:clickable="true"
android:background="@drawable/bg_rounded_button"
android:contentDescription="@string/a11y_open_chat" android:contentDescription="@string/a11y_open_chat"
android:focusable="true" android:focusable="true"
android:padding="4dp"
android:src="@drawable/ic_call_pip" android:src="@drawable/ic_call_pip"
app:tint="@android:color/white" app:tint="@android:color/white"
tools:ignore="MissingConstraints,MissingPrefix" /> tools:ignore="MissingConstraints,MissingPrefix" />
@ -77,7 +82,7 @@
android:id="@+id/muteIcon" android:id="@+id/muteIcon"
android:layout_width="56dp" android:layout_width="56dp"
android:layout_height="56dp" android:layout_height="56dp"
android:background="@drawable/oval_positive" android:background="@drawable/bg_rounded_button"
android:clickable="true" android:clickable="true"
android:focusable="true" android:focusable="true"
android:padding="16dp" android:padding="16dp"
@ -85,14 +90,14 @@
app:backgroundTint="?attr/riotx_background" app:backgroundTint="?attr/riotx_background"
app:tint="?attr/riotx_text_primary" app:tint="?attr/riotx_text_primary"
tools:contentDescription="@string/a11y_mute_microphone" tools:contentDescription="@string/a11y_mute_microphone"
tools:ignore="MissingConstraints,MissingPrefix" tools:ignore="MissingConstraints,MissingPrefix" />
tools:src="@drawable/ic_microphone_on" />
<ImageView <ImageView
android:id="@+id/endCallIcon" android:id="@+id/endCallIcon"
android:layout_width="56dp" android:layout_width="56dp"
android:layout_height="56dp" android:layout_height="56dp"
android:background="@drawable/oval_destructive" android:background="@drawable/bg_rounded_button"
android:backgroundTint="@color/riotx_destructive_accent"
android:clickable="true" android:clickable="true"
android:contentDescription="@string/call_notification_hangup" android:contentDescription="@string/call_notification_hangup"
android:focusable="true" android:focusable="true"
@ -103,9 +108,9 @@
<ImageView <ImageView
android:id="@+id/videoToggleIcon" android:id="@+id/videoToggleIcon"
android:layout_width="64dp" android:layout_width="56dp"
android:layout_height="64dp" android:layout_height="56dp"
android:background="@drawable/oval_positive" android:background="@drawable/bg_rounded_button"
android:clickable="true" android:clickable="true"
android:focusable="true" android:focusable="true"
android:padding="16dp" android:padding="16dp"
@ -117,12 +122,13 @@
<ImageView <ImageView
android:id="@+id/moreIcon" android:id="@+id/moreIcon"
android:layout_width="32dp" android:layout_width="@dimen/layout_touch_size"
android:layout_height="32dp" android:layout_height="@dimen/layout_touch_size"
android:scaleType="center"
android:clickable="true" android:clickable="true"
android:background="@drawable/bg_rounded_button"
android:contentDescription="@string/settings" android:contentDescription="@string/settings"
android:focusable="true" android:focusable="true"
android:padding="8dp"
android:src="@drawable/ic_more_horizontal" android:src="@drawable/ic_more_horizontal"
app:tint="@android:color/white" app:tint="@android:color/white"
tools:ignore="MissingConstraints,MissingPrefix" /> tools:ignore="MissingConstraints,MissingPrefix" />
@ -130,6 +136,8 @@
<androidx.constraintlayout.helper.widget.Flow <androidx.constraintlayout.helper.widget.Flow
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
app:flow_horizontalGap="16dp"
app:flow_horizontalStyle="packed"
app:constraint_referenced_ids="openChatIcon, muteIcon, endCallIcon,videoToggleIcon,moreIcon" app:constraint_referenced_ids="openChatIcon, muteIcon, endCallIcon,videoToggleIcon,moreIcon"
tools:ignore="MissingConstraints" /> tools:ignore="MissingConstraints" />