Message receipts

Message receipts is a feature which allows users to know the status of the sent messages as well as the delivered and read time for the messages. The chat app users are well informed about the status of the sent messages.

Single Chat Message Receipt#

image_preview

Group Chat Message Receipt#

image_preview

StyleSet#

StyleSet is the list of styles provided by MirrorFly UIKit. Customizing the style of Message Info list items is straightforward: Simply inherit the MirrorFly UIKit-defined styles, then override the res/values/styles.xml or res/values/themes.xml file from the list below.

<resources xmlns:tools="http://schemas.android.com/tools">
   
    <!-- Base application theme. -->
    <style name="Theme.MFUIKITTest" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorAccent">@color/primary_300</item>
        <item name="colorOnPrimary">@color/white</item>
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>

    <!-- UIKit Recent Chat style theme. -->    
        <item name="mf_chat_preview_style">@style/Widget.MirrorFly.ChatPreview</item>
        <item name="mf_appbar_style">@style/Widget.MirrorFly.AppBar</item>
        <item name="mf_recycler_view_style">@style/Widget.MirrorFly.RecyclerView</item>
    </style>


    <style name="Widget.MirrorFly.MessageInfo">
    <item name="android:background">@drawable/selector_rectangle_light</item>
    <item name="mf_message_info_delivered">@style/MirrorFlySubtitle1OnLight01</item>
    <item name="mf_message_info_read">@style/MirrorFlySubtitle1OnLight01</item>
    </style>

    <style name="Widget.MirrorFly.GroupMessageInfoHeader">
    <item name="android:background">@drawable/selector_rectangle_light</item>
    <item name="mf_message_info_delivered">@style/MirrorFlySubtitle1OnLight01</item>
    <item name="mf_message_info_read">@style/MirrorFlySubtitle1OnLight01</item>
    </style>

    <style name="Widget.MirrorFly.GroupMessageInfoChild">
    <item name="android:background">@drawable/selector_rectangle_light</item>
    <item name="mf_message_info_delivered">@style/MirrorFlySubtitle1OnLight01</item>
    <item name="mf_message_info_read">@style/MirrorFlySubtitle1OnLight01</item>
    </style>

 </resources>
   

StringSet#

Listed below are all the strings used in UIKit Message Info for Android. Strings can be changed by overwriting the res/values/strings.xml files with the same name.

    <string name="mf_text_header_message_info">Message Info</string>
    <string name="title_delivered"><b>Delivered</b></string>
    <string name="title_read"><b>Read</b></string>

IconSet#

Listed below are all the icons used in UIKit Message Info for Android. Icons can be changed by overwriting the res/drawable files with the same name.

Icon name	Image	Description
ic_message_unsent		Icon of Message Unsent.
ic_message_seen		Icon of Message Seen.
ic_message_delivered		Icon of Message Delivered.
ic_message_acknowledged		Icon of Message Ack.
icon_arrow_left		Goes back to the previous page.