gronod/talk-android
1
0
Fork 1
mirror of https://github.com/nextcloud/talk-android synced 2025-06-20 03:59:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1369 from nextcloud/a11y-contrastBubble-HitBoxSize

Browse Source 
Improve Chat Accessibility
This commit is contained in:
Andy Scherzinger 2021-06-30 16:48:41 +02:00 committed by GitHub
commit e9fb3eda84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 155 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/main/java/com/nextcloud/talk/controllers/ChatController.kt
View File

@ -563,6 +563,8 @@ class ChatController(args: Bundle) :
}
}
binding.messageInputView.setPadding(0, 0, 0, 0)
if (args.containsKey("showToggleChat") && args.getBoolean("showToggleChat")) {
binding.callControlToggleChat.visibility = View.VISIBLE
wasDetached = true

91
app/src/main/res/layout/controller_chat.xml
View File

@ -2,6 +2,8 @@
~ Nextcloud Talk application
~
~ @author Mario Danic
~ @author Andy Scherzinger
~ Copyright (C) 2021 Andy Scherzinger <info@andy-scherzinger.de>
~ Copyright (C) 2017-2018 Mario Danic <mario@lovelyhq.com>
~
~ This program is free software: you can redistribute it and/or modify
@ -18,13 +20,19 @@
~ along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
<LinearLayout 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:animateLayoutChanges="true"
android:background="@color/bg_default">
android:background="@color/bg_default"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<include
android:id="@+id/lobby"
@ -36,15 +44,14 @@
android:id="@+id/callControlToggleChat"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_margin="16dp"
android:layout_alignParentEnd="true"
android:layout_margin="16dp"
android:elevation="10dp"
android:visibility="gone"
app:backgroundImage="@color/call_buttons_background"
app:placeholderImage="@drawable/ic_call_black_24dp"
app:roundAsCircle="true"
android:elevation="10dp"
android:visibility="gone"
tools:visibility="visible"
/>
tools:visibility="visible" />
<LinearLayout
android:id="@+id/progressBar"
@ -62,43 +69,13 @@
<include layout="@layout/item_custom_incoming_text_message_shimmer" />
</LinearLayout>
<View
android:id="@+id/separator"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_above="@+id/messageInputView"
android:background="@color/controller_chat_separator" />
<com.stfalcon.chatkit.messages.MessageInput
android:id="@+id/messageInputView"
android:animateLayoutChanges="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:inputType="textLongMessage|textAutoComplete"
android:maxLength="1000"
app:showAttachmentButton="true"
app:attachmentButtonHeight="28dp"
app:attachmentButtonWidth="28dp"
app:attachmentButtonIcon="@drawable/ic_baseline_attach_file_24"
app:attachmentButtonBackground="@color/transparent"
app:inputButtonDefaultBgColor="@color/colorPrimary"
app:inputButtonHeight="35dp"
app:inputButtonMargin="8dp"
app:inputButtonWidth="36dp"
app:inputHint="@string/nc_hint_enter_a_message"
app:inputTextColor="@color/nc_incoming_text_default"
app:inputTextSize="16sp"
app:delayTypingStatus="200"/>
<com.stfalcon.chatkit.messages.MessagesList
android:id="@+id/messagesListView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/messageInputView"
android:paddingBottom="0dp"
android:visibility="gone"
app:dateHeaderTextSize="13sp"
android:paddingBottom="4dp"
app:incomingBubblePaddingBottom="@dimen/message_bubble_corners_padding"
app:incomingBubblePaddingLeft="@dimen/message_bubble_corners_padding"
app:incomingBubblePaddingRight="@dimen/message_bubble_corners_padding"
@ -129,7 +106,7 @@
android:id="@+id/popupBubbleView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/separator"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_margin="16dp"
android:paddingStart="0dp"
@ -140,3 +117,39 @@
app:pb_textColor="@color/textColorOnPrimaryBackground" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<View
android:id="@+id/separator"
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/controller_chat_separator" />
<com.stfalcon.chatkit.messages.MessageInput
android:id="@+id/messageInputView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:animateLayoutChanges="true"
android:inputType="textLongMessage|textAutoComplete"
android:maxLength="1000"
app:attachmentButtonBackground="@color/transparent"
app:attachmentButtonHeight="48dp"
app:attachmentButtonIcon="@drawable/ic_baseline_attach_file_24"
app:attachmentButtonMargin="0dp"
app:attachmentButtonWidth="48dp"
app:delayTypingStatus="200"
app:inputButtonDefaultBgColor="@color/transparent"
app:inputButtonDefaultIconColor="@color/colorPrimary"
app:inputButtonHeight="48dp"
app:inputButtonMargin="0dp"
app:inputButtonWidth="48dp"
app:inputHint="@string/nc_hint_enter_a_message"
app:inputTextColor="@color/nc_incoming_text_default"
app:inputTextSize="16sp"
app:showAttachmentButton="true" />
</LinearLayout>
</LinearLayout>

51
app/src/main/res/layout/view_message_input.xml
View File

@ -2,6 +2,10 @@
~ Nextcloud Talk application
~
~ @author Mario Danic
~ @author Marcel Hibbe
~ @author Andy Scherzinger
~ Copyright (C) 2021 Andy Scherzinger <info@andy-scherzinger.de>
~ Copyright (C) 2021 Marcel Hibbe <dev@mhibbe.de>
~ Copyright (C) 2017-2018 Mario Danic <mario@lovelyhq.com>
~
~ This program is free software: you can redistribute it and/or modify
@ -26,7 +30,8 @@
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:layout_height="wrap_content"
android:layout_marginEnd="4dp">
<include layout="@layout/item_message_quote"
android:layout_width="match_parent"
@ -36,24 +41,26 @@
<ImageButton
android:id="@id/attachmentButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_width="48dp"
android:layout_height="48dp"
android:padding="12dp"
android:layout_below="@id/quotedChatMessageView"
android:background="@color/transparent"
android:src="@drawable/ic_baseline_attach_file_24"
app:tint="?attr/colorControlNormal"
android:scaleType="centerCrop"
android:layout_marginTop="5dp"
android:contentDescription="@string/nc_add_attachment" />
<ImageButton
android:id="@+id/smileyButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_width="48dp"
android:layout_height="48dp"
android:padding="12dp"
android:layout_below="@id/quotedChatMessageView"
android:layout_toEndOf="@id/attachmentButton"
android:background="@color/transparent"
android:src="@drawable/ic_insert_emoticon_black_24dp"
android:scaleType="centerCrop"
android:layout_marginTop="5dp"
android:layout_marginStart="8dp"
app:tint="?attr/colorControlNormal"
android:contentDescription="@string/nc_add_emojis" />
@ -63,11 +70,12 @@
android:layout_height="wrap_content"
android:layout_below="@+id/quotedChatMessageView"
android:layout_centerHorizontal="true"
android:layout_toEndOf="@id/smileyButton"
android:layout_toStartOf="@id/messageSendButton"
android:layout_toEndOf="@id/smileyButton"
android:imeOptions="actionDone"
android:inputType="textAutoCorrect|textMultiLine|textCapSentences"
android:lineSpacingMultiplier="1.2" />
android:lineSpacingMultiplier="1.2"
android:minHeight="48dp" />
<TextView
android:id="@+id/slideToCancelDescription"
@ -88,14 +96,14 @@
<ImageView
android:id="@+id/microphoneEnabledInfoBackground"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_below="@id/quotedChatMessageView"
android:scaleType="centerInside"
android:layout_alignParentStart="true"
android:background="@color/bg_default"
android:visibility="gone"
tools:visibility="visible"
tools:visibility="gone"
android:contentDescription="@null" />
<!-- the height of this ImageView is used to define the overall height of the
@ -104,15 +112,15 @@
linebreaks. -->
<ImageView
android:id="@+id/microphoneEnabledInfo"
android:layout_width="35dp"
android:layout_height="43dp"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_below="@id/quotedChatMessageView"
android:scaleType="centerInside"
android:layout_alignParentStart="true"
android:src="@drawable/ic_baseline_mic_red_24"
android:contentDescription="@null"
android:visibility="gone"
tools:visibility="visible"/>
tools:visibility="gone"/>
<Chronometer
android:id="@+id/audioRecordDuration"
@ -128,12 +136,13 @@
android:paddingEnd="5dp"
android:background="@color/bg_default"
android:visibility="gone"
tools:visibility="visible" />
tools:visibility="gone" />
<ImageButton
android:id="@id/messageSendButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_width="48dp"
android:layout_height="48dp"
android:padding="12dp"
android:layout_below="@id/quotedChatMessageView"
android:layout_alignParentEnd="true"
android:adjustViewBounds="true"
@ -142,8 +151,8 @@
<ImageButton
android:id="@+id/recordAudioButton"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_below="@id/quotedChatMessageView"
android:layout_alignParentEnd="true"
android:background="@color/transparent"

4
app/src/main/res/values-night/colors.xml
View File

@ -56,8 +56,8 @@
<!-- Chat window incoming message text & informational -->
<color name="bg_bottom_sheet">#121212</color>
<color name="bg_message_list_incoming_bubble">#484848</color>
<color name="bg_message_list_incoming_bubble_deleted">#66484848</color>
<color name="bg_message_list_incoming_bubble">#1CFFFFFF</color>
<color name="bg_message_list_incoming_bubble_deleted">#14FFFFFF</color>
<color name="textColorMaxContrast">#8c8c8c</color>