5

我在浏览 Apple 的 SpriteKit 文档时发现了一个非常有用的功能,我可以在编写 UI 时使用它。问题是我无法让它工作。

请查看此页面并向下滚动到“调整 Sprite 大小” - Apple Docs

我确实复制了图像尺寸并使用了相同的代码,以防我做错了什么。但我总是得到一个拉伸的图像,而不是保持相同比例的正确“端盖”。

我指的是这段代码:

SKSpriteNode *button = [SKSpriteNode spriteWithImageNamed:@"stretchable_button.png"];
button.centerRect = CGRectMake(12.0/28.0,12.0/28.0,4.0/28.0,4.0/28.0);

我究竟做错了什么?我错过了一步吗?

编辑:

这是我一直在使用的代码。我将它从我的按钮类中剥离并尝试将它与 SKSPriteNode 一起使用,但问题仍然存在。我还更改了图像以确保不是那样。我使用的图像是正常尺寸的 32x32。

SKSpriteNode *button = [SKSpriteNode spriteNodeWithImageNamed:@"Button.png"];
[self addChild:button];

button.position = ccp(200, 200);
button.size = CGSizeMake(128, 64);
button.centerRect = CGRectMake(9/32, 9/32, 14/32, 14/32);
4

4 回答 4

10

如果您调整 sprites .scale 属性,则 .centerRect 属性的工作方式与记录相同。

尝试:

SKTexture *texture = [SKTexture textureWithImageNamed:@"Button.png"];
SKSpriteNode *button = [[SKSpriteNode alloc] initWithTexture:texture];
button.centerRect = CGRectMake(9/32, 9/32, 14/32, 14/32);
[self addChild:button];    
button.xScale = 128.0/texture.size.width;
button.yScale = 64.0/texture.size.height;
于 2013-12-01T12:46:04.563 回答
2

9/32是整数除法,因此传递给的结果CGRectMake为零。其他三个参数同上。如果您使用像您引用的示例这样的浮点文字,您可能会得到更好的结果。

于 2013-11-01T06:42:52.240 回答
2

这是它如何工作的更新。顺便说一句,我的图像尺寸宽度是 48 像素,高度是 52 像素,但这根本不重要。可以使用任何图像:

SKSpriteNode *button = [SKSpriteNode spriteNodeWithImageNamed:@"Button.png"];

//(x, y, width, height). First two values are the four corners of the image that you DON'T want touched/resized (They will just be moved).
//The second two values represent how much of images width & height you want cut out & used as stretching material. Cut out happens from the center of the image.
button.centerRect    = CGRectMake(20/button1.frame.size.width, 20/button1.frame.size.height, 5/button1.frame.size.width, 15/button1.frame.size.height);

button.position      = CGPointMake(self.frame.size.width/2, self.frame.size.height/2); //Positions sprite in the middle of the screen.
button.xScale        = 4; //Resizes width (This is all I needed).
//button.yScale      = 2; //Resizes height (Commented out because I didn't need this. You can uncomment if the button needs to be higher).
[self addChild:button];

阅读本文档中名为“调整 Sprite 大小”的部分:https ://developer.apple.com/library/ios/documentation/GraphicsAnimation/Conceptual/SpriteKit_PG/Sprites/Sprites.html#//apple_ref/doc/uid/TP40013043 -CH9-SW10

“图 2-4 可拉伸的按钮纹理”演示了 (x, y, width, height) 的工作原理。

于 2015-12-01T14:18:46.833 回答
1

根据 rwr 的回答,这里是 SKSpriteNode 的有效初始化方法。我在自己的游戏中使用它。基本上,您在输出图像周围制作 10px 的插图。然后这样称呼它:

[[HudBoxScalable alloc] initWithTexture:[atlas textureNamed:@"hud_box_9grid.png"] inset:10 size:CGSizeMake(300, 100) delegate:(id<HudBoxDelegate>)clickedObject];

-(id) initWithTexture:(SKTexture *)texture inset:(float)inset size:(CGSize)size {
    if (self=[super initWithTexture:texture]) {

        self.centerRect = CGRectMake(inset/texture.size.width,inset/texture.size.height,(texture.size.width-inset*2)/texture.size.width,(texture.size.height-inset*2)/texture.size.height);

        self.xScale = size.width/texture.size.width;
        self.yScale = size.height/texture.size.height;

    }
    return self;
}
于 2014-01-07T12:01:19.587 回答