Make seekbar height auto resizable

Mahmud0808 · Jan 12, 2024 · 3b8200b · 3b8200b
1 parent b4248f0
commit 3b8200b
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 5 deletions.
diff --git a/app/src/main/java/com/drdisagree/colorblendr/ui/widgets/ResizableSeekbar.java b/app/src/main/java/com/drdisagree/colorblendr/ui/widgets/ResizableSeekbar.java
@@ -0,0 +1,28 @@
+package com.drdisagree.colorblendr.ui.widgets;
+
+import android.content.Context;
+import android.graphics.drawable.Drawable;
+import android.util.AttributeSet;
+
+public class ResizableSeekbar extends androidx.appcompat.widget.AppCompatSeekBar {
+
+    public ResizableSeekbar(Context context) {
+        super(context);
+    }
+
+    public ResizableSeekbar(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public ResizableSeekbar(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    @Override
+    protected synchronized void onSizeChanged(int w, int h, int oldw, int oldh) {
+        super.onSizeChanged(w, h, oldw, oldh);
+
+        Drawable trackDrawable = getProgressDrawable().getCurrent();
+        trackDrawable.setBounds(0, 0, getMeasuredWidth(), getMeasuredHeight());
+    }
+}
diff --git a/app/src/main/res/drawable/seekbar_track.xml b/app/src/main/res/drawable/seekbar_track.xml
@@ -4,7 +4,6 @@
     <item android:gravity="center_vertical">
         <shape android:shape="rectangle">
             <solid android:color="?attr/colorSurfaceContainer" />
-            <size android:height="@dimen/seekbar_height" />
             <corners android:radius="@dimen/default_corner_radius" />
         </shape>
     </item>
@@ -20,7 +19,6 @@
                 <item>
                     <shape android:shape="rectangle">
                         <solid android:color="@color/color_seekbar_progress" />
-                        <size android:height="@dimen/seekbar_height" />
                         <corners android:radius="@dimen/default_corner_radius" />
                     </shape>
                 </item>

diff --git a/app/src/main/res/layout/view_widget_seekbar.xml b/app/src/main/res/layout/view_widget_seekbar.xml
@@ -3,15 +3,15 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/container"
     android:layout_width="match_parent"
-    android:layout_height="@dimen/seekbar_height"
+    android:layout_height="wrap_content"
     android:layout_marginHorizontal="@dimen/container_margin_horizontal"
     android:layout_marginBottom="@dimen/container_margin_bottom"
     android:clickable="true"
     app:cardBackgroundColor="?attr/colorSurfaceContainer"
     app:cardMaxElevation="0dp"
     app:strokeWidth="0dp">
 
-    <SeekBar
+    <com.drdisagree.colorblendr.ui.widgets.ResizableSeekbar
         android:id="@+id/seekbar_widget"
         style="@style/Seekbar"
         android:layout_width="match_parent"

diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
@@ -5,5 +5,4 @@
     <dimen name="default_corner_radius">12dp</dimen>
     <dimen name="container_margin_horizontal">16dp</dimen>
     <dimen name="container_margin_bottom">12dp</dimen>
-    <dimen name="seekbar_height">80dp</dimen>
 </resources>