C4步进自定义图像

Question

我试图在C4Stepper上使用我自己的图像。我是这样安排的

@implementation C4WorkSpace{
    C4Stepper *theStepper;
    C4Image *stepperBackground;
    C4Image *stepperPlus;
}

-(void)setup {
    //load backgroundimage
    stepperBackground=[C4Image imageNamed:@"icon_zoom.png"];
    stepperBackground.width=100;

    //load incrementImage
    stepperPlus=[C4Image imageNamed:@"icon_zoom_plus.png"];
    stepperPlus.width=stepperBackground.width/2;

    //setup stepper
    theStepper=[C4Stepper stepper];
    [theStepper setBackgroundImage:stepperBackground forState:NORMAL];
    [theStepper setIncrementImage:stepperPlus forState:NORMAL];

    theStepper.center=self.canvas.center;
    [self.canvas addSubview:theStepper];  
}

这两个图标如下所示：

奇怪的是，出现在画布上的东西是这样的：！

对zoomStepperImages有什么特殊要求吗？一定尺寸什么的？

Answer 1

有特殊的要求。

• 所使用的背景图像是“可伸缩的”，所以你必须设计一个按钮图像，如果需要的话可以拉伸。如果您查看任何按钮图像(包括。在Media.xcassets文件夹中)，您将看到它们是通用的。例如，选定的按钮背景图像如下所示：

​

​

• 同样，增量/递减图像本身与背景图像无关。包含在同一文件夹中的incrementNormal图像如下所示：

​

​

• 可以看到C4Stepper类的默认值是如何在C4AppDelegate.m中初始化的。

..。

[C4Stepper defaultStyle].style = basicStyle;
[C4Stepper defaultStyle].tintColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"lightGrayPattern"]];
[[C4Stepper defaultStyle] setDecrementImage:[C4Image imageNamed:@"decrementDisabled"] forState:DISABLED];
[[C4Stepper defaultStyle] setDecrementImage:[C4Image imageNamed:@"decrementNormal"] forState:NORMAL];
[[C4Stepper defaultStyle] setIncrementImage:[C4Image imageNamed:@"incrementDisabled"] forState:DISABLED];
[[C4Stepper defaultStyle] setIncrementImage:[C4Image imageNamed:@"incrementNormal"] forState:NORMAL];

• 所以，你想要做的是为你的背景创建一个图像(我的是可拉伸的，因为中间的东西是直线，可以水平拉伸而不看上去拉伸。)您还希望为按钮的增量/递减边创建独立的+-图像。

作为一个注意事项，当我创建C4Button类时，我不得不使用我创建的各种图像来使它们“看起来”正确.最后，我不得不做很多调整和实验来了解它们是如何呈现的。我很难弄清楚这一点，因为UIButton本身的呈现机制有点奇怪，我必须学习如何将东西安装到按钮中，这样它们才能正确地呈现。