7

我正在寻找一个看起来像这样的自定义窗口(不要介意快速 Photoshop):

替代文字

我遇到的主要问题不是使窗口透明(尽管我想欢迎任何信息!),但我希望能够仅单击按钮的可见部分。例如,如果我在“5”按钮的左上角之外单击,我希望它记录对“1”按钮而不是“5”按钮的单击,即使我单击了按钮 5 的边界框。如果我点击“1”按钮的左上角“角落”之外,我希望它点击窗口下方的任何内容,而不是按钮。我还需要能够调整此窗口的大小,并且按钮中的图片应与它们一起调整大小。

我正在考虑使用带有透明 NSButton 的透明 NSWindow,其中每个按钮包含带有 alpha 的 PNG,但我认为重叠的按钮将是一个问题。

我还听说过诸如 Bowtie、SweetFM 和其他使用 WebKit 来显示其界面的应用程序。如果这在至少 10.3 上是可能的,那会很有趣,但我也不知道它是如何工作的。

我四处寻找点击蒙版、区域或类似的东西,但我还没有找到任何东西。当我找到更多信息时,我会更新这篇文章(如果我这样做了!)。

关于如何进行的任何提示?

(请注意,我正在使用 10.4,理想情况下我也需要支持一些旧版本的 Mac OS X。)

(另外,我在 Apple 的开发网站上找到了“圆形窗口”示例,但它不再在 10.4 上运行,所以我不确定这是要走的路。)

提前致谢!

更新:

(见更新2,此问题现已修复)

好的,现在我遇到了一个稍微不同(但并非不相关)的问题。到目前为止我所做的是:

我选择制作一个可以用于每个按钮的自定义控件:

1- 继承 NSControl 并覆盖 drawRect、mouseUp、mouseDragged 和 mouseDown。这样我可以在拖动按钮(移动窗口)时获得我想要的行为。

2-将每个按钮状态的图像(相同的形状,但一个变暗)加载到 NSImages 中,并在必要时将它们绘制到视图中compositeToPoint:fromRect:operation:。这些图像是185 x 185像素的PNG 文件,带有从 Photoshop 导出的 Alpha。

3- 获取 NSImage 的位图表示:

NSBitmapImageRep *bitRep = [[NSBitmapImageRep imageRepWithData:[unpressedImage TIFFRepresentation]] retain];

或者

NSBitmapImageRep *bitRep = [[unpressedImage representations] objectAtIndex:0];

两者似乎都给出了相同的结果。我尝试将此位图表示合成到我的窗口上,以查看图像是否具有相同的大小并看起来与原始图像是否相同,并且一切看起来都很好(您将在此枚举之后明白我为什么这样做......)。

4- 在鼠标事件方法中,我使用位图表示来获取特定点的 alpha 分量:

NSPoint mouse = [self convertPoint:[theEvent locationInWindow] fromView:nil]; // Returns the correct x and y positions on the control (i.e: between 0 and 185 for each axis).

NSColor *colorUnderMouse = [[[unpressedImage representations] objectAtIndex:0] colorAtX:mouse.x y:mouse.y];
float alpha = [colorUnderMouse alphaComponent];

然后我将 alpha 值打印到控制台,但我得到了非常奇怪的结果。乍一看,获取 alpha 分量和鼠标下的颜色似乎有效(返回的颜色和 alpha 在我的位图中),但看起来颜色不是在 中的正确点bitRep,或者包含在中的图像bitRep是失真(不过,当我在窗口上合成时它不会失真bitRep,这很奇怪)。我再次仔细检查了 x 和 y 鼠标坐标是否在 (0,185) 范围内,并且大小NSBitmapImageRep也是 185 x 185。

NSBitmapImageRep首先,与 my 相比,它看起来是水平翻转的NSImage。如果我翻转我的坐标,返回的值似乎大部分都可以(大部分形状似乎与返回的值相符),但仍有部分图像返回错误的值。

在这一点上我一无所知,以前从未使用过,NSBitmapImageRep也许我只是忘了指定一些关于我的图像的格式信息,这就是这些值关闭的原因。有人可以澄清一下吗?

再次感谢!

更新 2:

好吧,没关系,我发现了问题。我使用 setColor:atX:y: 方法在 bitRep 上绘制一个彩色点,然后在我的窗口上打印它,问题很清楚:bitRep 中的 Y 坐标是反转的,但图像打印为“好“ 方向。这意味着 bitRep 具有“Windows 样式”的左上角原点坐标系,而窗口具有笛卡尔坐标系(左下角)原点。只需反转我的 Y 坐标即可解决我获得 alpha 分量和颜色的问题。

这一定是在文档的某个地方写的,很抱歉因为我缺乏研究而打扰你......!

4

6 回答 6

3

在您的自定义按钮中覆盖NSResponder事件方法(mouseUp:,mouseDown:等)怎么样(大概您将继承NSControlNSButton制作这些)?在这些方法中,您可以正确计算边界矩形(或圆形,在这种情况下)并使用点击的坐标进行简单的点击测试,以查看是否应该处理点击。

您还可以在 Apple 的事件处理文档中找到一些帮助,特别是有关鼠标事件自定义视图的帮助。

于 2009-10-06T20:28:17.583 回答
2

把它变成一个单一的控件怎么样?它可能会使绘图有点复杂,但看起来您无论如何都在进行自定义绘图。

如果您将其作为单个控件进行,则可以先检查单击点是否在中心圆内。如果不是,那么您所要做的就是确定它所在的象限以知道它属于哪个“按钮”(同时还要验证点击是否适合外圈)。

或者,您可以在按钮上创建一个透明视图,该视图捕获单击事件并根据我刚刚指定的逻辑将它们转发到适当的控件。

于 2009-10-06T21:00:46.310 回答
2

与 Marc W 的响应类似,在您自己的事件方法中,您可以检查位图上单击的 alpha 值,如果 alpha 低于某个值,则忽略。

要获取位图,请阅读此.

现在你应该有一个像这样的位图指针(伪代码 - 你必须填写这些部分):

pixels = CGBitmapContextGetData( ctx ); // there's actually two ways to get pixels in the above Apple tech note

然后,您可以这样做以获取您感兴趣的像素,并对其进行测试:

// I'm assuming each pixel is 24 bits of color and one byte of alpha
#define getRed(p) ((p) & 0x000000FF)
#define getGreen(p) ((p) & 0x0000FF00) >> 8
#define getBlue(p) ((p) & 0x00FF0000) >> 16
#define getAlpha(p) ((p) & 0xFF000000) >> 24

CGPoint pixPt;
long pixel;
pixPt = getMouseClick();

pixel = pixels[pixPt.x + pixPt.y * bytesPerRow];

if (getAlpha(pixel) < 25)
  // you've clicked on transparent pixels, alpha of 10% or less (alpha ranges from 0-255)

这为您打开了一些可能性,例如在您的内圈周围有一个环,它是惰性的,不属于任何象限或中间圈。当然,总有其他方法可以在不诉诸像素争吵的情况下做这些事情:-)

于 2009-10-06T21:26:28.737 回答
1

如果您使用 NSBezierPath 在代码中生成形状,则测试是否在其中一个形状内单击是单行的:向形状发送containsPoint:消息。

我会将其设为拥有五条路径的单一视图。画的时候,最后画一个中心;响应鼠标事件时,首先对其进行命中测试。根据您的需要,为此视图为每个细分提供一个操作属性,并且还可以选择为每个细分提供一个目标。

于 2009-10-07T04:44:45.050 回答
1

你需要做两件事:

  1. 覆盖 NSView 的 hitTest: 方法以在单击位于图像外部时返回 NIL,因此该视图中的单击将被忽略并传递给与其重叠的视图。
  2. 覆盖 mouseDown: 并在其中实现您自己的鼠标跟踪循环(使用 NSEventTrackingRunLoopMode),该循环还检查该点是否在非透明区域中。NSBitmapImageRep 或 NSImage 有一个 colorAtX:y: 方法或类似 hat 的东西,您可以将其用于后者。
于 2013-01-06T07:04:36.353 回答
0

Mu 解决方案仅适用于非相交按钮。我有非矩形按钮,必须将图像从灰色变为绿色。

样品按钮 我像这样更改常规渐变按钮

特性

就这样。希望这对某人有所帮助。

于 2013-09-19T12:22:39.867 回答