mirror of
https://github.com/SchildiChat/SchildiChat-android.git
synced 2024-11-27 03:49:04 +03:00
VoIP: add some feedback on controls
This commit is contained in:
parent
882eea75ef
commit
04c4485e3e
6 changed files with 64 additions and 63 deletions
13
vector/src/main/res/drawable/bg_rounded_button.xml
Normal file
13
vector/src/main/res/drawable/bg_rounded_button.xml
Normal 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>
|
|
@ -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>
|
|
|
@ -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>
|
|
|
@ -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"
|
||||||
|
|
|
@ -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>
|
|
@ -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" />
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue