1

我正在开发一款游戏，出于某种原因，边框厚度会根据按钮的颜色而变化。直到我在应用程序上放置背景图像后才出现此问题，因此我不确定是什么原因造成的。我拍了几张截图来说明我的意思。出于某种原因，当边框为蓝色的按钮时，边框粗细变为 2px 而不是 1px。

此外，控制按钮的边框也存在一些问题。控制按钮是指顶部的 6 个按钮，按红色、蓝色、棕色、绿色、紫色和黄色的顺序排列。

以下是截图：

截图#1截图#2

我通过在背景中放置一个按钮来创建边框，该按钮从 x-1,y-1 开始，宽度为 width+2，高度为 height+2。这里有一段代码可以给你一个想法：

 UIButton *borderButton = [UIButton buttonWithType:UIButtonTypeCustom];
 borderButton.frame = CGRectMake((controlX-1), (controlY-1), 42, 32);
 borderButton.backgroundColor = [UIColor blackColor];
 [self.view addSubview:borderButton];

 UIButton *controlButton = [UIButton buttonWithType:UIButtonTypeCustom];
 [controlButton addTarget:self
                      action:@selector(doMove:)
            forControlEvents:UIControlEventTouchDown];
 controlButton.frame = CGRectMake(controlX, controlY, 40, 30);
 controlButton.tag = 500 + i;
 tmpColor = [self.colors objectAtIndex:i];
 controlButton.backgroundColor = tmpColor;
 [self.view addSubview:controlButton];

此代码取自一个循环，其中 controlX 和 controlY 为控制按钮应开始的位置提供 x/y 值。

如果有人知道如何解决这个问题，我将不胜感激。如果我以错误的方式处理边界，并且有一种更简单且问题更少的方式来实现相同的外观，我也愿意这样做，因为我最终不会有太多代码需要更改。提前感谢任何可以帮助我解决这个恼人的 UI 故障的人。

4

1 回答 1

1

实现带边框的自定义按钮的最简单方法是使用按钮的图层：

#import <QuartzCore/QuartzCore.h>
...
UIButton *controlButton = [UIButton buttonWithType:UIButtonTypeCustom];
 [controlButton addTarget:self
                      action:@selector(doMove:)
            forControlEvents:UIControlEventTouchDown];
 controlButton.frame = CGRectMake(controlX, controlY, 40, 30);
 controlButton.tag = 500 + i;

 // Set layer properties
 controlButton.layer.borderWidth = 1.0;
 controlButton.layer.borderColor = [UIColor blackColor].CGColor;
 controlButton.layer.cornerRadius = 5.0; // if you want rounded corners...

 tmpColor = [self.colors objectAtIndex:i];
 controlButton.backgroundColor = tmpColor;
 [self.view addSubview:controlButton];

您可能还需要检查按钮和其他元素（如标签）是否位于整数坐标处，以避免图像模糊。要更正坐标，请使用CGRectIntegral

PS 对于复杂的动画/游戏逻辑，最好使用Cocos2D之类的框架

于 2012-12-10T07:56:49.020 回答