首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将按钮添加到白色背景NSPopover,但按钮有阴影区域

在将按钮添加到白色背景的NSPopover中时,如果按钮有阴影区域,可以通过以下步骤解决:

  1. 确保按钮的图像或背景颜色是透明的,以便不会产生额外的阴影效果。
  2. 使用NSButton的setBezelStyle方法将按钮的样式设置为NSBezelStyleRegular。这样可以确保按钮没有额外的阴影效果。
  3. 如果仍然存在阴影区域,可以尝试调整按钮的边框属性。使用NSButton的setBorderWidth方法可以设置按钮的边框宽度,将其设置为0可以消除阴影。
  4. 如果以上步骤仍然无法解决问题,可以考虑使用自定义的按钮视图。创建一个自定义的NSView,并在其中绘制按钮的外观,确保没有额外的阴影效果。然后将该自定义视图添加到NSPopover中。

总结:

将按钮添加到白色背景的NSPopover时,如果按钮有阴影区域,可以通过设置按钮样式、调整边框属性或使用自定义视图来解决。确保按钮的图像或背景颜色是透明的,并且没有额外的阴影效果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

苹果iOS 13 新设计规范全面解析

专注并聚焦内容: 暗模式焦点放在界面的内容区域,这样会使内容区域更区别于背景重要内容凸显出来。...当您需要自定义颜色时,颜色集资源添加到应用程序的资产目录中,并指定颜色的浅色和深色变体,以便它可以适应当前的外观模式。 避免使用硬编码的颜色值或不适应的颜色。 ?...柔化白色背景的颜色。 如果您必须在暗模式下使用白色背景作为内容,请选择稍暗的白色,以防止背景对周围的暗色内容太刺眼。比如可以为白色背景加一些透明度,这样舒适性更好。...但是在深色模式下,这种具有阴影的设计就失效了(静电注:我们总不能把阴影做成白色吧?)所以,在深色模式下,我们就退而求其次,直接使用比背景稍微浅一点的颜色作为浮层,而不用考虑阴影了。 ?...最常用的项目放在菜单的顶部:当人们打开情境菜单时,他们的焦点位于该菜单的顶部区域最常见的项目放在菜单顶部可以帮助人们找到他们正在寻找的项目。 ?

4.5K40

小谈PNG转SVG的方法 在线转换网站与illustrator

初探和原理 右键打开SVG文件一看,和一堆标签映入眼帘,原理看起来像一张白纸,然后用path来画出路线,用fill属性来填充每个区域的颜色,从而实现矢量缩放。...还有一个问题,就是仔细观察的话,这个图是有白色背景的。如果你恰好需要这个背景那太好了,否则我们必须把这个背景弄掉。 3. 打开描摹面板。两种方法,第一种,点击工具栏上的按钮。...展开高级,方法选择第一个“临接(创建木刻路径)”,选项勾选“忽略白色”,看图就明白了: 这时拖到外侧看一下图片背景,没了就对了。如果还有,我没招了。 5....还有一个问题,就是仔细观察的话,这个图是有白色背景的。如果你恰好需要这个背景那太好了,否则我们必须把这个背景弄掉。 3. 打开描摹面板。两种方法,第一种,点击工具栏上的按钮。...展开高级,方法选择第一个“临接(创建木刻路径)”,选项勾选“忽略白色”,看图就明白了: 这时拖到外侧看一下图片背景,没了就对了。如果还有,我没招了。 5.

2.5K20
  • 如何获得白色背景产品5--手动裁剪产品

    手工剪裁的产品可以称为传统的获取白色背景的方式。您可以使用Photoshop及其各种工具(如磁性套索或钢笔)来勾勒产品的轮廓,产品整体抠出来,然后更换想要的背景,例如纯白色。...左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述电子商务的这种方法有什么用?手动裁剪具有精度和易纠错的优势,需要占用时间和资源。...左对齐居中对齐右对齐无阴影有阴影删除更多添加描述手动裁剪产品 手工剪裁的产品可以称为传统的获取白色背景的方式。...您可以使用Photoshop及其各种工具(如磁性套索或钢笔)来勾勒产品的轮廓,产品整体抠出来,然后更换想要的背景,例如纯白色。...手动裁剪具有精度和易纠错的优势,需要占用时间和资源。 如果您希望降低成本并为白色背景图像保留此方法,那么参考亚洲剪贴工作室可能是一个好主意。

    63630

    Mac开发跬步积累(二):NSViewController 转场动画精耕细作

    asPopoverRelativeTo positioningRect: NSRect, of positioningView: NSView, preferredEdge: NSRectEdge, behavior: NSPopover.Behavior...需要将第一个ChildViewController的view添加到容器视图中; containView.addSubview(childViewControllers[0].view)...点击下一个按钮, 从RedController 切换到BlueController @IBAction func clickBtn(_ sender: Any) { transition...自定义present 动画时,需要注意事件穿透问题: 由于显示出来的控制器视图(Controller View)是通过addSubView方式添加到容器视图中,因此在控制器视图(Controller...View)上进行点击操作,可能会触发容器视图中控件(比如按钮)的方法 解决办法: 给容器视图添加一层背景视图(自定义的NSView, 重写mouseDown方法即可),通过背景视图屏蔽鼠标操作,防止事件穿透到容器视图中

    2.7K40

    Flutter 的按钮,看这篇文章就够了

    textColor,文本颜色 color,按钮背景颜色 disabledColor,按钮禁用时的背景颜色 disabledTextColor,按钮禁用时的文本颜色 splashColor,点击按钮时水波纹的颜色...: () => print("有阴影按钮"), elevation: 30, ) ], ), Row...ButtonBar是一个按钮组,也就是说多个按钮组合在一起。...在做项目开发的时候,我们可能会一些风格统一、需要写很多代码才能实现出来的按钮组件,这个时候我们就可以自己去定义实现一个组件,用来简化代码。...3,如果我们想要修改悬浮按钮的尺寸大小,可以在其外层包一个Container组件。 4,可以通过配置Container的圆角和内边距,来实现悬浮按钮外层的白色不透明圆边的效果。

    9.5K31

    有趣的CSS小示例:好看的皮囊千篇一律,有趣的灵魂万里挑一

    当你需要这样一个上传文件,按钮时,你考虑的是找设计弄个图片,还是自己写一个??? 其实CSS写,也很简单的。...这类情况包括下列几种情况: 1、半透明图像、背景图像、或者 border-image(比如老式的金质像框); 2、元素设置了点状、虚线或半透明的边框,没有背景(或者当 background-clip...: .6em; background: #0cc071; color: #fff; /*box-shadow: .1em .1em .3em rgba(0,0,0,.5); 此时是伪类是没有阴影的...在这里我用的是div标签,大家都知道,div标签是个块标签,说白了是个盒模型,指的是一块区域,box-shadow的属性只能添加到盒模型外面,因此内部的东西是不会添加上的,就变成上图的样子,中间还是白色部分...而drop-shadow就不一样了,他是把所有的非透明区域都做了阴影效果,就相当于一种真正的投影。

    1K40

    《Motion Design for iOS》(三十五)

    因为我们没有数据,而且我的主要目的是演示如何构建动画,我就仅仅是保存一些Photoshop里设计的图片并手动这些图片添加到界面上去,从顶部的箭头和“Dance Club”文本开始。...CGFloat windowWidth = self.window.bounds.size.width; // 背景添加到界面上 UIImageView *backgroundView = [[UIImageView...名为@“background”的图片是大的渐变的图片,作为其他视图的背景。...只需要调用同样的一个 -setImage:forState:方法,给它传输不同的属性。你可以随便调用它来设置不同的状态属性,来覆盖用户对按钮的每一个可能的操作。...接着我设置按钮的位置并将它添加到界面上。 这里是目前状态的界面,以及点击按钮时不同状态的演示。 我们UIControlStateHighlighted状态的图片只是白色边框换成了白色的填充。

    50420

    Java中规模软件开发实训——简单的文本编辑器(代码注释详解)

    行号显示区域使用JTextArea组件实现,显示当前代码编辑区域的行号。 按钮面板包含编译按钮和运行按钮,用于执行编译和运行操作。 提供文件操作功能,包括打开和保存文件。...的行头视图,用于显示行号 mainPanel.add(codeScrollPane, BorderLayout.CENTER); // 代码编辑区域和行号显示区域添加到主面板的中心位置...private void setLightTheme() { codePane.setBackground(Color.white); // 代码编辑区域背景颜色设置为白色...lineNumberArea.setBackground(Color.LIGHT_GRAY); // 行号区域背景颜色设置为浅灰色 } /**...* 设置粉色主题,代码编辑区域和行号区域背景颜色调整为相应的暗色。

    16710

    项目演练 | Python制作一个圣诞抽奖程序,原来如此简单

    self.newloop = False return # 延时操作 time.sleep(0.1) # 所有的组件背景变为白色...= ImageTk.PhotoImage(self.image) self.canvas.create_image(680, 350, image=self.im) # 使用create_image图片添加到...self.target_1.place(x=1080, y=240, width=70, height=130) 添加总名单的展示区域以及重设按钮: # 总名单展示区域选用 Text 组件 self.source...背景图优化 背景图方面,添加了图中的小鹿,原图是这样的: ? 通过 PS 将其抠图放到背景图中当作“摇奖展示台”。同时背景图添加公司名称、活动作为标题,并在左侧为总名单展示区域添加边框。...换句话说,我红鼻子区域的图片当成一个 Label 置于界面中并绑定抽奖动作,那么一点击红鼻子就会开启/停止抽奖。 ?

    4.7K30

    一文彻底搞清楚 Material Design

    在 Android 中 elevation 这个属性代表了海拔高度,这个值是永远有效的,只是如果没有阴影的话,可能体现不出来,只能通过下面的海拔演示来体现出来。...如果释放按钮,ViewPropertyAnimator 播放动画, translationZ 从 6 dp变到 0 dp。我们可以给我们的视图创建自定义状态列表动画,添加到视图上。...轮廓 默认情况下,所有的view都是矩形的,虽然可以给view设置背景圆形的图片,即可以在界面显示出圆形的内容,但是view的大小实际上依然是矩形,并且设置的图片实际上也是矩形的,只是圆形以外的区域是透明色...轮廓的实现 ①通过shape设置的背景,view会自动根据shape的形状进行轮廓判定, ②通过color设置的背景,view默认其轮廓和view的大小一样。...物质材料内部可以展示任何形状和颜色,其内容不会增加材料的厚度。

    3K10

    iOS OC swift 自定义 popover 泡泡

    popover.gif 灰色区域 底层视图 棕色 popover 泡泡不能超出的区域,popover 是不能超出屏幕或者离屏幕太近,否则效果不好。...棕色区域是可以设置的 红色 底层箭头视图的边框 白色 底层箭头视图的背景颜色 蓝色 自定义内容区域,在此区域(contentView)可以添加希望展示的内容 加号按钮 模拟了 sourceView...可以看到当 sourceView(加号按钮) 在不同地方的时候,popover 自动更改方向、调整箭头方向、位置以适应不同的 sourceView 类说明 open class KKPopover: UIView..., sourceView: UIView) /// 根据 sourceView 展示在指定视图中 /// - Parameters: /// - view: 添加到的视图,不传则添加到 window...minArrowEdg: CGFloat = 20 /// 线条交接处风格 open var lineJoin: CGLineJoin = CGLineJoin.round 待完善 增加支持设置背景图片

    2.7K70

    《iVX 高仿美团APP制作移动端完整项目》06 美食页商家推荐内容、分类、推荐商家制作

    接下来开始制作超市便利页面: 一、标题 首先,我们创建一个页面,该页面设置背景颜色为黄色: 随后欧创建一个行,命名为主要,之后将会在这个主要行之中添加对应的模块内容: 该主要行,属性需要设置背景色为透明...,直接设置标题这个行的垂直对齐属性为居中即可: 二、 内容行制作 接着我们查看内容部分的搜索框在一个白色背景并且圆角包裹的容器之中: 此时我们应该先创建一个行,命名为内容并且给予背景色为白色...: 接着找到对应的圆角区域给予圆角为 30px,并且取消底部两个圆角应用: 此时页面如下: 三、 搜索框制作 接着咱们往这个行中添加一个行,命名为搜索框: 再往这个搜索框中添加一个按钮和一个输入框...,并且使其添加到该行之中: 此时发现轮播页高度太大: 更改其对应的高度即可,在这里更改高度为 100px: : 随后我们点击轮播页上传对应的图片: 两张图片上传完毕后如图所示为结果...,并且可以点击对应的按钮对图片进行查看: 在此我们发现,轮播页距离顶部搜索框太过贴近,并且左右边缘太过挨近,咱们更改轮播图行对应的上下左右外边距即可: 五、 种类信息制作 接下来咱们制作种类信息

    91820

    新拟物风格,视觉垃圾or设计趋势?

    ———— 新拟物风格在2019到2020年一直处于设计师讨论话题的榜首,这种风格来自追波,其实这种趋势的出现已经让很多有思想的设计师产生更多的思考:很多人都知道,Dribbble只是概念作品的诞生地,绝对不是可以落地的设计...因为它告诉我们:“这是物体,它是平坦的,而且位于背景中;这是个带有阴影的对象,它被抬起,我把它按下去,然后它会到达底部”。 而Neumorphism风格则让用户变的疑惑了。...物体材质变厚,他们看起来都非常类似,并且抬升到背景上方相同的高度,所有元素都非常吸引用户的注意力,没有明确的层次结构。这就让用户产生了额外的认知负担。 ? 按钮,卡片,单选按钮,一切都看起来很类似。...明显的对比是界面的重要特征,但是Neumorphism风格这些特征抛在脑后,最重要的是“漂亮”,而不是可用性和识别度。...相比与原有的设计,Neumorphism中,普通的单选按钮会占用更大的空间区域,并且这个区域会被无用的阴影充斥,毫无用处。 ? ?

    1.5K20

    必读!UI设计中颜色使用的10条原则

    诸如色调,色调和阴影之类的颜色术语视为我们可以用来开发独特调色板的工具。 色相(Hue) ? 色相是色彩的技术术语。色相是指父色-一种饱和色,没有添加白色或黑色。 着色(Tint) ?...白色添加到色相(Hue)时,创建着色效果。 阴影(Shade) ? 黑色添加到色相(Hue)时,创建阴影。 色调(Tone) ? 灰色(白色和黑色)添加到着色时,创建一个色调。...通过限制在应用程序中使用颜色,可以使重要的区域受到更多关注,例如文本,图像以及按钮等单个元素。...通过把按钮的颜色变灰,表示按钮已禁用,或者通过将其突出显示为红色,来表示错误。我们还应该在错误颜色旁边附加错误消息和图标,以确保清晰度并提示色盲用户注意。 8.一致性和上下文 ?...一旦有了主色调,就需要为文本,背景,容器等添加颜色。通常,我会选择用于文本的深色和用于背景的浅灰色。 第二步:创建调色板 ?

    3.7K10

    基础渲染系列(十九)——GPU实例(Instancing)

    白色的球体预置) 要实例化此球体,先创建一个测试组件,该组件会多次生成预制件并将其随机放置在球形区域内。...(测试对象) 测试对象放置在原点处,将相机放置在(0,0,-100)处,可以确保看到整个球体。现在,我们可以使用游戏窗口的统计面板来确定如何绘制所有对象。关闭主光源的阴影,以便仅绘制球体以及背景。...把这个部分添加到我们GUI的底部。 ? 选择白色材质。现在,一个Advanced Options标题在其检查器的底部可见。但是,还没有控制实例化的开关。 ?...进行此更改后,我们返回所有球体的SetPassCall。但它们又是白色的。这是因为GPU尚不知道该属性的重写。...(没有实例化的LOD渐隐,带有阴影) 不幸的是,如果没有有效的批处理,我们现在获得Fade范围。

    10.9K30

    干货!UI界面中阴影绘制完全攻略!

    有阴影的提示图形 场景04.活动项目(如开关) 当涉及到活动状态(例如切换或选定的列表项)时,一种不错的做法是为它们提供视觉层次结构,例如颜色,当然还有阴影。另外,使它们简单而柔软。 ?...那就是只增加Y轴偏移,而不去增加X轴偏移,然后模糊数值(Blur)加倍。这使得阴影有更自然的感觉,而不会显得生硬。 ?...如果你的背景色是明亮的颜色,那可以Alpha值设置在15%到40%之间的某个值。但是,如果你的背景色是深色,则需要将Alpha的值设定为5%到15%之间。...如果Y轴设置为较高的值,那它会离卡片更远。如果值偏小,则相反。(对于按钮而言,较少的偏移量效果可能更好。) ?...比如下方的蓝色按钮,你可以选择更深一点的蓝色来作为阴影颜色,然后蓝色加上透明度。而不是使用纯黑色作为阴影颜色。 ?

    2.6K20

    【IOS 开发】基本 UI 控件详解 (UISegmentedControl | UIImageView | UIProgressView | UISlider | UIAlertView )

    , 显示图片右边区域; -- Top Left : 不缩放图片, 显示图片左上区域; -- Top Right : 不缩放图片, 显示图片右上区域; -- Bottom Left : 不缩放图片, 显示图片左下区域...OCViewController.h 中 : 其中的 Connection 属性, 不要选择 IBOutlet 属性, 选择 IBOutletConnection 属性; -- 想要添加到 IBOutletConnection...按钮 UIActionSheet 固定按钮 :  -- 取消按钮 : 灰色背景, 主要用于取消该 UIActionSheet 控件显示; -- 销毁按钮 : 红色背景, 用于删除某记录时, 使用该按钮确认销毁...; (3) UIActionSheet 风格 UIActionSheet 支持风格 :  -- UIActionSheetStyleDefault : 灰色背景上显示白色文字; -- UIActionSheetStyleBlackTranselucent...: 透明黑色背景上显示白色文字; -- UIActionSheetBlackOpaque : 纯黑的背景上显示白色文字; 2.

    2.9K40

    Adobe Photoshop,选择图像中的颜色范围

    例如,图像在前景和背景中都包含一束黄色的花,您只想选择前景中的花。对前景中的花进行颜色取样,并缩小范围,以避免选中背景中有相似颜色的花。...白色杂边对选定的像素显示原始图像,对未选定的像素显示白色。此选项适用于暗图像。 快速蒙版未选定的区域显示为宝石红颜色叠加(或在“快速蒙版选项”对话框中指定的自定义颜色)。...8.若要存储和载入色彩范围设置,请使用“色彩范围”对话框中的“存储”和“载入”按钮以存储和重新使用当前设置。 您可以肤色选择设置存储为预设。...您可能已从“选择”菜单中选取一个颜色选项,例如“红色”,此时图像不包含任何带有高饱和度的红色色相。 肤色设置存储为预设 颜色范围选择命令现在可将肤色选择存储为预设。...您可以使用选择并遮住工作区中的选项修改蒙版边缘,并以不同的背景查看蒙版。 在“选择并遮住”工作区中单击“确定”,更改应用于图层蒙版。

    11.2K50
    领券