Chat UIKit Android v2
Chat UIKit Android
Chat UIKit
Android
Version 2
Sendbird Chat UIKit v2 for Android is no longer supported as a new version is released. Check out our latest Chat UIKit v3

File sharing

Copy link

File sharing is a feature that allows users to send files during a chat, such as images, audio files, and videos. File sharing appears in the message input field region of the ChannelFragment class.

In UIKit for Android, there are currently four types of file messages that users can send: image file, video file, audio file, and document file. These files can be shared with other members in the channel by either directly taking a photo with the camera on a mobile device or uploading an image, video, audio, or document file from the sender’s mobile device.

Note : In order to use the file sharing feature, you must first create a channel and enable the chat service. To learn how to allow users to chat in a channel, refer to Chat in a channel.

Customize the UI for file sharing

Copy link

You can customize the UI for file sharing using StyleSet and IconSet.

StyleSet

Copy link

To customize the style of channel items, you have to change the UIKit-defined style values in the res/values/styles.xml file as shown below.

<style name="Custom" parent="SendBird">
        <item name="sb_message_file_style">CustomFileMessage</item>
</style>

<style name="CustomFileMessage" parent="Widget.SendBird.Message.File">
    <item name="sb_message_me_text_appearance"></item>
    <item name="sb_message_other_text_appearance"></item>
    <item name="sb_message_me_background"></item>
    <item name="sb_message_other_background"></item>
    <item name="sb_message_me_background_tint"></item>
    <item name="sb_message_other_background_tint"></item>
</style>

List of attributes of Widget.Sendbird.File

Copy link
AttributeResource typeDescription

sb_message_me_text_appearance

text appearance

The size, color, font, and style of text in file messages sent by the current user.

sb_message_other_text_appearance

text appearance

The size, color, font, and style of text in file messages sent by remote users in the channel.

sb_message_me_background

drawable/color

The shape and color of message bubbles containing a file sent by the current user.

sb_message_other_background

drawable/color

The shape and color of message bubbles containing a file sent by others in the channel.

sb_message_me_background_tint

color

The shape and tinted color of message bubbles containing a file sent by the current user.

sb_message_other_background_tint

color

The shape and tinted color of message bubbles containing a file sent by the current user.

IconSet

Copy link

The following table shows customizable file sharing icons.

Icon nameImageDescription

icon_add

An icon used to select and add files.

icon_document

An icon used to select a file to send.

icon_file_audio

An icon indicating an audio file message.

icon_file_document

An icon indicating a document file message.

icon_gif

An icon indicating a GIF, the Graphics Interchange Format, file message.

icon_play

An icon indicating a video file message.


Image compression

Copy link

UIKit for Android allows users to compress images when sending them to other users in the channel on a client app. By reducing the image size, they can send and receive image files faster and minimize the usage of data storage as well as the data usage. Image compression can be applied to the following image types: jpg, jpeg, and png.

The following table lists methods in the SendBirdUIKit instance that are related to image compression.

List of methods

Copy link
MethodDescription

setUseImageCompression()

Determines whether to compress the image when sending an image file message. This method only applies to the following image types: image/jpg, image/jpeg, and image/png. (Default: false)

shouldUseImageCompression()

Retrieves the set value of setUseImageCompression() on whether the image should be compressed when sending it as an image file message.

setCompressQuality()

Sets the value of the compression rate to apply to the image. Acceptable values are 0 to 100, inclusive. (Default: 100)

getCompressQuality()

Retrieves the set value of the compression rate to apply to the image.

setResizingSize()

Sets the new width and height to apply to the image. The given value is shown in the order of the width first, then the height. (Default: 1080x1920)

* When displaying the compressed image as a thumbnail, the value of the new width and height will be halved. The minimum value for the compressed thumbnail is 100x100.

getResizingSize()

Retrieves the resized width and height to apply to the image.

Note: To compress an image without changing the width and height, use the setCompressQuality() method. To resize the width and height of an image, use the setResizingSize() method.

// To determine whether to compress an image
SendBirdUIKit.setUseImageCompression(true);
boolean useImageCompression = SendBirdUIKit.shouldUseImageCompression();

// To set a compression rate value
SendBirdUIKit.setCompressQuality(50);
int compressQuality = SendBirdUIKit.getCompressQuality();

// To resize an image
SendBirdUIKit.setResizingSize(new Pair<>(1080, 1920));
Pair<Integer, Integer> resizingSize = SendBirdUIKit.getResizingSize();