Changing the size of UIStepper

Question

I can't seem to change the size of UIStepper:

In IB, the Width and Height boxes are grayed out.
I used initWithFrame:

UIStepper *stepper = [[UIStepper alloc] initWithFrame:CGRectMake(300, 638, 120, 80)];

But it does not change the size. Several posts on SO seemed to implied it is changeable. Any suggestion?

score 6 · Answer 1 · answered Oct 09 '13 at 14:37

6

UIStepper* s = [UIStepper alloc] init];  
s.transform = CGAffineTransformMakeScale(0.75, 0.75);

answered Oct 09 '13 at 14:37

gdm

7,647
3
41
71

score 5 · Answer 2 · answered Feb 11 '15 at 05:06

You can properly update the UIStepper size without transformation.

Use the following method to set the background image and the stepper will draw itself using the background size:

- (void)setBackgroundImage:(UIImage*)image forState:(UIControlState)state

Example

    [self.stepper1 setIncrementImage:[UIImage imageNamed:@"plusIcon1.png"] forState:UIControlStateNormal];
    [self.stepper1 setDecrementImage:[UIImage imageNamed:@"minusIcon1.png"] forState:UIControlStateNormal];

    [self.stepper1 setBackgroundImage:[UIImage imageNamed:@"stepperBkg1.png"] forState:UIControlStateNormal];
    [self.stepper1 setBackgroundImage:[UIImage imageNamed:@"stepperBkgHighlighted1.png"] forState:UIControlStateHighlighted];
    [self.stepper1 setBackgroundImage:[UIImage imageNamed:@"stepperBkgDisabled1.png"] forState:UIControlStateDisabled];

This yields the following result on the left, compared to an unmodified stepper on the right: enter image description here

stepperBkg1@2x.png:

enter image description here

stepperBkgHighlighted1@2x.png:

enter image description here

The important bit here is that the background image is the one setting the size of the UIStepper. — Cla, Nov 20 '15 at 10:37

score 3 · Answer 3 · answered May 08 '13 at 14:58

I tried the transform on my stepper - it did change the appearance and did scale it, however, the images of the + and - were stretched (so you have to scale in proportion to the original stepper.

Also, be careful because the area of touch that actually increments and decrements, does change - so on the stretched image, the button would not decrement along the entire view - so this is probably not a good solution....

vikingosegundo · Accepted Answer · 2012-08-29T14:46:50.070

2

from the doc:

The bounding rectangle for a stepper matches that of a UISwitch object.

Doesn't sound, like it is possible upfront.

Also in this blog post:

// Frame defines location, size values are ignored
UIStepper *stepper = [[UIStepper alloc] initWithFrame:CGRectMake(120, 20, 0, 0)];

But you can try to transform it's layer.

edited Aug 29 '12 at 14:46

answered Aug 29 '12 at 14:38

vikingosegundo

52,040
14
137
178

score 1 · Answer 5 · answered Feb 05 '13 at 21:51

1

You can provably scale it:

stepper.transform = CGAffineTransformMakeScale(1.75, 1.0);

answered Feb 05 '13 at 21:51

k20

2,008
1
17
23

Vyacheslav Zubenko · Answer 6 · 2016-11-26T14:16:07.323

0

I've made a small custom UIStepper class for it. No images needed, no transformation needed. Images generated automatically. https://github.com/alelipona/VZCustomSizeStepper

edited Nov 26 '16 at 14:16

answered Nov 26 '16 at 13:43

Vyacheslav Zubenko

81
4

score -2 · Answer 7 · answered Nov 30 '14 at 23:39

-2

Yes, you can change size of stepper.

first, right click on storyboard --> select (open as)--> Select (Source Code)

then find stepper in the code--> find width=??? and change.

then click on storyboard again and select open as interface builder.

answered Nov 30 '14 at 23:39

Farhad

33
9

Changing the size of UIStepper

7 Answers7