CN107450925A - 一种Mac下自定义弹窗控件的方法 - Google Patents

Abstract

本发明涉及一种Mac下自定义弹窗控件的方法，包括如下步骤：步骤1，初始化设定，具体包括：设定一个窗口类NSWindow，用于放置画面类；设定一画面类NSView，用于放置底层图层和尖角图层；设定一个基于CALayer的底层图层，用于显示背景颜色；设定一个基于CALayer的尖角图层，用于显示尖角；步骤2，设置底层图层的默认颜色，然后在相应的位置添加一个尖角图层；步骤3，对尖角图层设置旋转，旋转完成后的效果即为弹窗边沿处的尖角。本发明，基于CALayer以及CGAffineTransform，使弹窗可以任意改变背景颜色，尖角可以在弹窗边沿的任意位置，用户体验好。

Description

一种Mac下自定义弹窗控件的方法

技术领域

本发明涉及图像（图形）显示技术领域，具体说是一种Mac下自定义弹窗控件的方法。所述Mac指苹果电脑（曾被译为麦金塔电脑，即Macintosh的音译），运行OS X系统（苹果公司为麦金塔电脑开发的专属操作系统）。

背景技术

现有的OS X系统中，提供了现成的弹窗控件，但是该现成的弹窗控件很难改变其背景颜色，例如：即使通过设定改变了边界还是会出现白色的描边。而且，该现成的弹窗控件提供的尖角（亦称为箭头），只能在上边沿、下边沿、左边沿或右边沿的中间位置，不支持自定义改变尖角的位置，图1所示是尖角在下边沿的中间位置。显然，现成的弹窗控件难以满足用户的需求，难以达到较为理想的弹窗效果。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种Mac下自定义弹窗控件的方法，基于CALayer以及CGAffineTransform，使弹窗可以任意改变背景颜色，尖角可以在弹窗边沿的任意位置，用户体验好。

为达到以上目的，本发明采取的技术方案是：

一种Mac下自定义弹窗控件的方法，其特征在于，包括如下步骤：

步骤1，初始化设定，具体包括：

设定一个窗口类NSWindow，用于放置画面类；

设定一画面类NSView，用于放置底层图层和尖角图层；

设定一个基于CALayer的底层图层，用于显示背景颜色；

设定一个基于CALayer的尖角图层，用于显示尖角；

步骤2，设置底层图层的默认颜色，然后在相应的位置添加一个尖角图层；

步骤3，对尖角图层设置旋转，旋转完成后的效果即为弹窗边沿处的尖角。

在上述技术方案的基础上，步骤2中，所述相应位置指尖角效果所呈现的位置，该位置为用户自定义，位于弹窗边沿处。

在上述技术方案的基础上，用户自定义的尖角效果所呈现的位置，包括但不限于尖角图层在以下位置：

上边沿、下边沿、左边沿或右边沿的中间位置，

上边沿或下边沿的左侧位置，

左边沿或右边沿的上侧位置。

在上述技术方案的基础上，添加尖角图层的具体步骤为：

画面类NSView包括一个自带layer，在自带layer上层叠的添加底层图层和尖角图层，

尖角图层的位置为以下任意之一所述位置：

鼠标点击的位置，

弹窗对应的按钮所在的位置，

向尖角图层中添加一个小正方形CALayer，

设置小正方形CALayer的颜色和背景颜色一样，

使用CGAffineTransform把小正方形CALayer以中心为原点旋转90度。

在上述技术方案的基础上，底层图层支持但不限于以下背景颜色：

默认白色，

系统模糊显示，

通过设置底层图层的backgroundFilters属性实现背景颜色的调整。

本发明所述的Mac下自定义弹窗控件的方法，基于CALayer以及CGAffineTransform，使弹窗可以任意改变背景颜色，尖角可以在弹窗边沿的任意位置，用户体验好，可用于OS X系统中弹窗效果的实现，满足个性化、差异化的交互界面设计、使用需求。

附图说明

本发明有如下附图：

图1OS X系统中现成的弹窗控件实施效果示意图。

图2本发明方法自定义背景颜色为黑色实施效果示意图。

图3本发明方法自定义背景颜色为白色实施效果示意图。

图4本发明的流程框图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

如图2、3、4所示，本发明所述的Mac下自定义弹窗控件的方法，包括如下步骤：

步骤1，初始化设定，具体包括：

设定一个窗口类NSWindow，用于放置画面类；

设定一画面类NSView，用于放置底层图层（底层Layer）和尖角图层（尖角layer）；

设定一个基于CALayer的底层图层，用于显示背景颜色；

设定一个基于CALayer的尖角图层，用于显示尖角；

步骤2，设置底层图层的默认颜色，然后在相应的位置添加一个尖角图层；

所述相应位置指尖角效果所呈现的位置，该位置为用户自定义，位于弹窗边沿处，

例如：图3所示即在上边沿的左侧位置添加并呈现尖角效果，

添加尖角图层通过调用画面类NSView实现；

步骤3，对尖角图层设置旋转，旋转完成后的效果即为弹窗边沿处的尖角。

在上述技术方案的基础上，用户自定义的尖角效果所呈现的位置，包括但不限于尖角图层在以下位置：

上边沿、下边沿、左边沿或右边沿的中间位置，

上边沿或下边沿的左侧位置，

左边沿或右边沿的上侧位置。

在上述技术方案的基础上，添加尖角图层的具体步骤为：

画面类NSView包括一个自带layer，在自带layer上层叠的添加底层图层和尖角图层，

尖角图层的位置为以下任意之一所述位置：

鼠标点击的位置，

弹窗对应的按钮所在的位置，

向尖角图层中添加一个小正方形CALayer，

设置小正方形CALayer的颜色和背景颜色一样，

使用CGAffineTransform（系统API用于矩阵变化）把小正方形CALayer以中心为原点旋转90度，

所得效果就是：小正方形会有一半会因为颜色和背景颜色一样而看不出效果，另一半则显示出尖角效果，参见图3。

在上述技术方案的基础上，底层图层支持但不限于以下背景颜色：

默认白色，

系统模糊显示，

通过设置底层图层的backgroundFilters属性实现背景颜色的调整。图2为弹窗的背景颜色为黑色，图3为弹窗的背景颜色为白色。具体颜色可根据需要调整。

本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (5)

1.一种Mac下自定义弹窗控件的方法，其特征在于，包括如下步骤：

步骤1，初始化设定，具体包括：

设定一个窗口类NSWindow，用于放置画面类；

设定一画面类NSView，用于放置底层图层和尖角图层；

设定一个基于CALayer的底层图层，用于显示背景颜色；

设定一个基于CALayer的尖角图层，用于显示尖角；

步骤2，设置底层图层的默认颜色，然后在相应的位置添加一个尖角图层；

步骤3，对尖角图层设置旋转，旋转完成后的效果即为弹窗边沿处的尖角。

2.如权利要求1所述的Mac下自定义弹窗控件的方法，其特征在于：步骤2中，所述相应位置指尖角效果所呈现的位置，该位置为用户自定义，位于弹窗边沿处。

3.如权利要求2所述的Mac下自定义弹窗控件的方法，其特征在于：用户自定义的尖角效果所呈现的位置，包括但不限于尖角图层在以下位置：

上边沿、下边沿、左边沿或右边沿的中间位置，

上边沿或下边沿的左侧位置，

左边沿或右边沿的上侧位置。

4.如权利要求2所述的Mac下自定义弹窗控件的方法，其特征在于：添加尖角图层的具体步骤为：

画面类NSView包括一个自带layer，在自带layer上层叠的添加底层图层和尖角图层，

尖角图层的位置为以下任意之一所述位置：

鼠标点击的位置，

弹窗对应的按钮所在的位置，

向尖角图层中添加一个小正方形CALayer，

设置小正方形CALayer的颜色和背景颜色一样，

使用CGAffineTransform把小正方形CALayer以中心为原点旋转90度。

5.如权利要求1所述的Mac下自定义弹窗控件的方法，其特征在于：底层图层支持但不限于以下背景颜色：

默认白色，

系统模糊显示，

通过设置底层图层的backgroundFilters属性实现背景颜色的调整。