Smaller Stepper Touch

[udongeex]

I need to set the stepper touch with below size for a full display
android:layout_width="130dp"
android:layout_height="50dp
Is there a way I can make it smaller ? Thanks a lot

[artprasetya]

i have same problem

[DanielMartinus]

I've seen the issue, thanks for reporting. Currently there is no way of making it smaller as the size is indeed hardcoded. In order to make this work I will have to make some changes. I can't say when I will have a fix for it yet but It's on my list.

[DanielMartinus]

As you can see in the image below it's now resizable to a smaller size than 130dp by 50dp. When the linked pull request in this issue is merged I will release a new version with the fix.

In order to get the same look as the stepper at the top I also had to make the margins and size of the text configurable. See below how I did that,

In your layout.xml you can use for example 80dp by 32dp or anything else.

<nl.dionsegijn.steppertouch.StepperTouch
                android:id="@+id/stepperTouch"
                android:layout_width="80dp"
                android:layout_height="32dp"
                android:layout_margin="40dp"
                android:clipChildren="true"
                android:orientation="horizontal"/>

But do note, you'll have to change the margins and text size by overriding it in the dimens.xml of your app if you want it to look nice, for example:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="stepper_side_control_margin_start">8dp</dimen>
    <dimen name="stepper_side_control_margin_end">8dp</dimen>
    <dimen name="stepper_side_control_text_size">18sp</dimen>
</resources>

Let me know if you have any further questions.

[DanielMartinus]

Update 1.0.1 should now be available:

dependencies {
    implementation 'com.github.DanielMartinus:Stepper-Touch:1.0.1'
}