Fix sample app speaker indicator appearance (#205)

@@ -30,6 +30,7 @@ class ParticipantItem(
     override fun initializeViewBinding(view: View): ParticipantItemBinding {
     override fun initializeViewBinding(view: View): ParticipantItemBinding {
         val binding = ParticipantItemBinding.bind(view)
         val binding = ParticipantItemBinding.bind(view)
         room.initVideoRenderer(binding.renderer)
         room.initVideoRenderer(binding.renderer)
+
         return binding
         return binding
     }
     }
 
 
@@ -168,17 +169,9 @@ private fun View.visibleOrInvisible(visible: Boolean) {
 }
 }
 
 
 private fun showFocus(binding: ParticipantItemBinding) {
 private fun showFocus(binding: ParticipantItemBinding) {
-    val border = GradientDrawable()
-    border.setColor(Color.BLUE)
-    border.setStroke(8, -0x1000000)
-    binding.root.setPadding(16,16,16,16)
-    binding.root.background = border
+    binding.speakingIndicator.visibility = View.VISIBLE
 }
 }
 
 
 private fun hideFocus(binding: ParticipantItemBinding) {
 private fun hideFocus(binding: ParticipantItemBinding) {
-    val border = GradientDrawable()
-    border.setColor(Color.TRANSPARENT)
-    border.setStroke(0, -0x1000000)
-    binding.root.setPadding(0,0,0,0)
-    binding.root.background = border
+    binding.speakingIndicator.visibility = View.INVISIBLE
 }
 }

+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <stroke
+        android:width="2dp"
+        android:color="@color/colorPrimary" />
+
+</shape>

@@ -36,6 +36,13 @@
             android:src="@drawable/wifi_strength_1"
             android:src="@drawable/wifi_strength_1"
             android:visibility="invisible"
             android:visibility="invisible"
             app:tint="#FF0000" />
             app:tint="#FF0000" />
+
+        <ImageView
+            android:id="@+id/speaking_indicator"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:src="@drawable/speaker_indicator"
+            android:visibility="invisible" />
     </FrameLayout>
     </FrameLayout>
 
 
     <FrameLayout
     <FrameLayout

@@ -35,6 +35,13 @@
             android:src="@drawable/wifi_strength_1"
             android:src="@drawable/wifi_strength_1"
             android:visibility="invisible"
             android:visibility="invisible"
             app:tint="#FF0000" />
             app:tint="#FF0000" />
+
+        <ImageView
+            android:id="@+id/speaking_indicator"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:src="@drawable/speaker_indicator"
+            android:visibility="invisible" />
     </FrameLayout>
     </FrameLayout>
 
 
     <FrameLayout
     <FrameLayout