Update tutorial to use AttachmentViewFactory for customization

zsmb13 · zsmb13 · commit 7695373c6215 · 2021-03-04T19:45:24.000+01:00
diff --git a/samplejava/build.gradle b/samplejava/build.gradle
@@ -35,7 +35,7 @@ android {
 
 dependencies {
     // Add new dependencies
-    implementation "io.getstream:stream-chat-android-ui-components:4.6.0"
+    implementation "io.getstream:stream-chat-android-ui-components:4.7.0"
     implementation 'io.coil-kt:coil:1.1.1'
 
     implementation 'androidx.appcompat:appcompat:1.2.0'
diff --git a/samplejava/src/main/java/com/example/chattutorial/ChannelActivity.java b/samplejava/src/main/java/com/example/chattutorial/ChannelActivity.java
@@ -56,7 +56,7 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         MessageListViewModel messageListViewModel = provider.get(MessageListViewModel.class);
         MessageInputViewModel messageInputViewModel = provider.get(MessageInputViewModel.class);
 
-        // TODO set custom Imgur ViewHolderFactory
+        // TODO set custom Imgur attachment factory
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         MessageListHeaderViewModelBinding.bind(messageListHeaderViewModel, binding.messageListHeaderView, this);
diff --git a/samplejava/src/main/java/com/example/chattutorial/ChannelActivity2.java b/samplejava/src/main/java/com/example/chattutorial/ChannelActivity2.java
@@ -56,8 +56,8 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         MessageListViewModel messageListViewModel = provider.get(MessageListViewModel.class);
         MessageInputViewModel messageInputViewModel = provider.get(MessageInputViewModel.class);
 
-        // Set view holder factory for Imgur attachments
-        binding.messageListView.setMessageViewHolderFactory(new ImgurAttachmentViewHolderFactory());
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(new ImgurAttachmentViewFactory());
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         MessageListHeaderViewModelBinding.bind(messageListHeaderViewModel, binding.messageListHeaderView, this);
diff --git a/samplejava/src/main/java/com/example/chattutorial/ChannelActivity3.java b/samplejava/src/main/java/com/example/chattutorial/ChannelActivity3.java
@@ -64,8 +64,8 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         MessageListViewModel messageListViewModel = provider.get(MessageListViewModel.class);
         MessageInputViewModel messageInputViewModel = provider.get(MessageInputViewModel.class);
 
-        // Set custom AttachmentViewHolderFactory
-        binding.messageListView.setMessageViewHolderFactory(new ImgurAttachmentViewHolderFactory());
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(new ImgurAttachmentViewFactory());
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         MessageListHeaderViewModelBinding.bind(messageListHeaderViewModel, binding.messageListHeaderView, this);
diff --git a/samplejava/src/main/java/com/example/chattutorial/ChannelActivity4.java b/samplejava/src/main/java/com/example/chattutorial/ChannelActivity4.java
@@ -65,8 +65,8 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         MessageListViewModel messageListViewModel = provider.get(MessageListViewModel.class);
         MessageInputViewModel messageInputViewModel = provider.get(MessageInputViewModel.class);
 
-        // Set custom AttachmentViewHolderFactory
-        binding.messageListView.setMessageViewHolderFactory(new ImgurAttachmentViewHolderFactory());
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(new ImgurAttachmentViewFactory());
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         MessageListHeaderViewModelBinding.bind(messageListHeaderViewModel, binding.messageListHeaderView, this);
diff --git a/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewFactory.java b/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewFactory.java
@@ -0,0 +1,98 @@
+package com.example.chattutorial;
+
+import android.content.Context;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.getstream.sdk.chat.adapter.MessageListItem;
+import com.example.chattutorial.databinding.ListItemAttachmentImgurBinding;
+import com.google.android.material.shape.ShapeAppearanceModel;
+
+import org.jetbrains.annotations.NotNull;
+
+import coil.Coil;
+import coil.request.ImageRequest;
+import io.getstream.chat.android.client.models.Attachment;
+import io.getstream.chat.android.ui.message.list.adapter.MessageListListenerContainer;
+import io.getstream.chat.android.ui.message.list.adapter.viewholder.attachment.AttachmentViewFactory;
+import io.getstream.chat.android.ui.message.list.internal.MessageListItemStyle;
+
+class ImgurAttachmentViewFactory extends AttachmentViewFactory {
+
+    @NotNull
+    @Override
+    public View createAttachmentView(@NotNull MessageListItem.MessageItem data,
+                                     @NotNull MessageListListenerContainer listeners,
+                                     @NotNull MessageListItemStyle style,
+                                     @NotNull View parent) {
+        Attachment imgurAttachment = null;
+        for (Attachment attachment : data.getMessage().getAttachments()) {
+            String imageUrl = attachment.getImageUrl();
+            if (imageUrl != null && imageUrl.contains("imgur")) {
+                imgurAttachment = attachment;
+                break;
+            }
+        }
+
+        if (imgurAttachment != null) {
+            return createImgurAttachmentView(imgurAttachment, parent);
+        } else {
+            return super.createAttachmentView(data, listeners, style, parent);
+        }
+    }
+
+    private View createImgurAttachmentView(Attachment imgurAttachment, ViewGroup parent) {
+        ListItemAttachmentImgurBinding binding = ListItemAttachmentImgurBinding.inflate(LayoutInflater.from(parent.getContext()), parent, false);
+
+        float cornerRadius = binding.getRoot()
+                .getResources()
+                .getDimension(R.dimen.stream_ui_selected_attachment_corner_radius);
+        ShapeAppearanceModel model = binding.ivMediaThumb.getShapeAppearanceModel()
+                .toBuilder()
+                .setAllCornerSizes(cornerRadius)
+                .build();
+        binding.ivMediaThumb.setShapeAppearanceModel(model);
+
+        ImageRequest imageRequest = new ImageRequest.Builder(parent.getContext())
+                .data(imgurAttachment.getImageUrl())
+                .allowHardware(false)
+                .crossfade(true)
+                .placeholder(R.drawable.stream_ui_picture_placeholder)
+                .target(binding.ivMediaThumb)
+                .build();
+        Coil.imageLoader(parent.getContext()).enqueue(imageRequest);
+
+        return binding.getRoot();
+    }
+}
+
+
+class MyAttachmentViewFactory extends AttachmentViewFactory {
+
+    private static final String MY_URL_ADDRESS = "https://myurl.com";
+
+    @NotNull
+    @Override
+    public View createAttachmentView(
+            @NotNull MessageListItem.MessageItem data,
+            @NotNull MessageListListenerContainer listeners,
+            @NotNull MessageListItemStyle style,
+            @NotNull View parent
+    ) {
+        boolean containsMyAttachments = false;
+        for (Attachment attachment: data.getMessage().getAttachments()) {
+            if (attachment.getImageUrl().contains(MY_URL_ADDRESS)) {
+                containsMyAttachments = true;
+            }
+        }
+
+        if (containsMyAttachments) {
+            // put your custom attachment view creation here
+            return new View(parent.getContext());
+        } else {
+            return super.createAttachmentView(data, listeners, style, parent);
+        }
+    }
+}
diff --git a/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolder.java b/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolder.java
diff --git a/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolderFactory.java b/samplejava/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolderFactory.java
diff --git a/samplekotlin/build.gradle b/samplekotlin/build.gradle
@@ -39,7 +39,7 @@ android {
 
 dependencies {
     // Add new dependencies
-    implementation "io.getstream:stream-chat-android-ui-components:4.6.0"
+    implementation "io.getstream:stream-chat-android-ui-components:4.7.0"
     implementation 'io.coil-kt:coil:1.1.1'
     implementation "androidx.activity:activity-ktx:1.2.0"
 
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity.kt b/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity.kt
@@ -41,7 +41,7 @@ class ChannelActivity : AppCompatActivity() {
         val messageListViewModel: MessageListViewModel by viewModels { factory }
         val messageInputViewModel: MessageInputViewModel by viewModels { factory }
 
-        // TODO set custom Imgur ViewHolderFactory
+        // TODO set custom Imgur attachment factory
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         messageListHeaderViewModel.bindView(binding.messageListHeaderView, this)
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity2.kt b/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity2.kt
@@ -41,8 +41,8 @@ class ChannelActivity2 : AppCompatActivity() {
         val messageListViewModel: MessageListViewModel by viewModels { factory }
         val messageInputViewModel: MessageInputViewModel by viewModels { factory }
 
-        // Set view holder factory for Imgur attachments
-        binding.messageListView.setMessageViewHolderFactory(ImgurAttachmentViewHolderFactory())
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(ImgurAttachmentViewFactory())
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         messageListHeaderViewModel.bindView(binding.messageListHeaderView, this)
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity3.kt b/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity3.kt
@@ -43,8 +43,8 @@ class ChannelActivity3 : AppCompatActivity() {
         val messageListViewModel: MessageListViewModel by viewModels { factory }
         val messageInputViewModel: MessageInputViewModel by viewModels { factory }
 
-        // Set custom AttachmentViewHolderFactory
-        binding.messageListView.setMessageViewHolderFactory(ImgurAttachmentViewHolderFactory())
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(ImgurAttachmentViewFactory())
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         messageListHeaderViewModel.bindView(binding.messageListHeaderView, this)
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity4.kt b/samplekotlin/src/main/java/com/example/chattutorial/ChannelActivity4.kt
@@ -46,8 +46,8 @@ class ChannelActivity4 : AppCompatActivity() {
         val messageListViewModel: MessageListViewModel by viewModels { factory }
         val messageInputViewModel: MessageInputViewModel by viewModels { factory }
 
-        // Set custom AttachmentViewHolderFactory
-        binding.messageListView.setMessageViewHolderFactory(ImgurAttachmentViewHolderFactory())
+        // Set view factory for Imgur attachments
+        binding.messageListView.setAttachmentViewFactory(ImgurAttachmentViewFactory())
 
         // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
         messageListHeaderViewModel.bindView(binding.messageListHeaderView, this)
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewFactory.kt b/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewFactory.kt
@@ -0,0 +1,53 @@
+package com.example.chattutorial
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import coil.load
+import com.example.chattutorial.databinding.ListItemAttachmentImgurBinding
+import com.getstream.sdk.chat.adapter.MessageListItem
+import io.getstream.chat.android.client.models.Attachment
+import io.getstream.chat.android.ui.message.list.adapter.MessageListListenerContainer
+import io.getstream.chat.android.ui.message.list.adapter.viewholder.attachment.AttachmentViewFactory
+import io.getstream.chat.android.ui.message.list.internal.MessageListItemStyle
+
+class ImgurAttachmentViewFactory : AttachmentViewFactory() {
+
+    override fun createAttachmentView(
+            data: MessageListItem.MessageItem,
+            listeners: MessageListListenerContainer,
+            style: MessageListItemStyle,
+            parent: View,
+    ): View {
+        val imgurAttachment = data.message.attachments.firstOrNull { it.isImgurAttachment() }
+        return when {
+            imgurAttachment != null -> createImgurAttachmentView(imgurAttachment, parent)
+            else -> super.createAttachmentView(data, listeners, style, parent)
+        }
+    }
+
+    private fun Attachment.isImgurAttachment(): Boolean = imageUrl?.contains("imgur") == true
+
+    private fun createImgurAttachmentView(imgurAttachment: Attachment, parent: ViewGroup): View {
+        val binding = ListItemAttachmentImgurBinding
+                .inflate(LayoutInflater.from(parent.context), null, false)
+
+        binding.ivMediaThumb.apply {
+            shapeAppearanceModel = shapeAppearanceModel
+                    .toBuilder()
+                    .setAllCornerSizes(resources.getDimension(R.dimen.stream_ui_selected_attachment_corner_radius))
+                    .build()
+            load(imgurAttachment.imageUrl) {
+                allowHardware(false)
+                crossfade(true)
+                placeholder(R.drawable.stream_ui_picture_placeholder)
+            }
+        }
+
+        return binding.root
+    }
+
+}
+
+
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolder.kt b/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolder.kt
diff --git a/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolderFactory.kt b/samplekotlin/src/main/java/com/example/chattutorial/ImgurAttachmentViewHolderFactory.kt
