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

为什么UISegmentedControl要把我的图片的蓝色部分变成黑色?

UISegmentedControl是iOS开发中的一个控件,用于在多个选项之间进行切换。当设置UISegmentedControl的背景图片时,可能会遇到图片的蓝色部分变成黑色的情况。

这个问题通常是由于图片的渲染模式导致的。在iOS中,图片有不同的渲染模式,包括默认模式、模板模式和不透明模式。默认模式会保留图片的原始颜色,而模板模式会将图片的颜色替换为控件的tintColor。UISegmentedControl默认使用模板模式来渲染背景图片,因此会将图片的蓝色部分替换为黑色。

要解决这个问题,可以通过修改图片的渲染模式来保留图片的原始颜色。可以使用UIImage的imageWithRenderingMode:方法来设置图片的渲染模式。例如,可以将图片的渲染模式设置为默认模式:

代码语言:txt
复制
let image = UIImage(named: "segmentedControlBackground")?.withRenderingMode(.alwaysOriginal)
segmentedControl.setBackgroundImage(image, for: .normal, barMetrics: .default)

在这个例子中,segmentedControlBackground是背景图片的名称,.alwaysOriginal表示使用默认模式来渲染图片。

另外,如果需要自定义UISegmentedControl的外观,也可以使用其他方法,如设置tintColor、背景色等来达到预期效果。

腾讯云相关产品和产品介绍链接地址:

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

相关·内容

IOS开发之简单音频播放器

今天第一次接触IOS开发UI部分,之前学OC时候一直在模拟使用Target-Action回调模式,今天算是真正用了一次。...为了熟悉一下基本控件使用方法,和UI部分回调,下面开发了一个特别简易音频播放器,来犒劳一下自己这一天UI学习成果。...用UIImageView和UIImagel来加入图片,用UISegmentedControl来控制播放和暂停,用滑动器UISlider来控制音频音量。...在编写实现代码之前我们要把我们用到媒体文件拖入到我们Project中,下面是具体代码实现。     ​    ​    ​...1.下面的代码是为我们应用添加背景图片,也就是我们上面图片黑色背景图片,在初始化ImageView时候我们知道view位置和大小CGRectMack(x, y, width, height);

1.6K60

通道混合器_管道混合器结构图

大家好,又见面了,是你们朋友全栈君。 今天我们聊一聊通道混合器,虽然网上也有很多教程,但是大部分都是讲原理,有些很晦涩,对于萌新们去理解这个工具并不友好。...红色变为0%, 红色数字1直接从图片中消失了,红通道里数字1也消失了,而绿色2和蓝色3没有变化。 这表示我们直接在红通道里把红色明度降低了,降到了0%,变成黑色。...同理,增加通道混合器中蓝色,原本是蓝色数字3,变成了洋红色(255.0.255)。 通道混合器,其实就是分别以三个通道为选区来调整三个通道明度,这就是混合了。...我们知道,增加绿色到200%,画面中原本是绿色变成黄色,但是为什么要降低蓝色和红色呢?...主要是因为如果我们不降低红色和蓝色,画面中RGB总量就会超过100%,变成300%,有很严重色彩溢出。

44410

从Nuxt文档里发现色彩配搭诀窍

本着探索(无聊)精神,就打开了它源码,跟着一个个发现,顺着源码,最终发现了一个叫做 theme-colors 库,来计算整体色彩值。...虽然听起来这个算法很牛逼样子,但是其实他和我们小时候,玩调色原理是一毛一样图片来源[3] 举个例子,我们有一个蓝色小方块,如果我们想要将它色彩更淡一些,我们会怎么做呢?...例如我们以 1 : 9 进行混合,将它们进行混合,为了区分白色正好是蓝色9倍,讲白色画了边框。...讲完了原理以及动画演示,我们只需要把这个过程通过代码写出来就可以了。...同理,我们想要得到更深色彩,只需要让它与黑色按照比例混合,黑色越多,色彩也就越深。

53730

python图像处理-个性化头像

回到我们上面原来图片,只要我们能够将猫图像圆形区外所有地方变成完全透明(看不见了),那么整个图片变成圆形了。...,传入一张灰度图模式圆形图片(灰度图是黑白图片,灰度0是显示黑色,灰度255是显示白色),猫圆形外透明度就被设置成黑色所代表数值0,而0在透明度中是表示完全透明,最终猫圆外就变成透明了,...上面是通过自己绘制一个图片来实现,如果要实现一个牛角,可能自己不会绘制,那可以去找一个现成。 下面就找了一张牛角图片,但是牛角是黑色,外部是白色,这个出来效果是下面这样。 ?...显示出效果不符合要求,想要是中间是牛角,周围是透明,下面利用PILImageOps方法先进行反色处理,把白变成黑,黑地方变成白,其它步骤不变。 ?...,白色数值是255,表示透明图是完全不透明,所以整个效果就是黑色部分会透明显示出下面一层猫,而白色部分不透明也就保留原来效果。

1.1K10

程序员五一修图小贴士

调色步骤 下面就以开始提到”天心阁远眺“图片为例,串下拿到一张图片调色思路和过程。...颜色分解 为了增加云彩层次感,可以调整下亮度-曲线中蓝色通道。曲线这个操作比较有意思,曲线本质上是个亮度调整函数物化,输入 x 表示所有对应像素点亮度值,输出 y 表示你想让他变成亮度值。...由于天空是高光部分,因此在斜线右上部分再加一个锚点,稍稍往下拉,即给云彩中白色部分增加了一些黄色(蓝色反色是黄色)。...具体做法是修改亮度栏目中: 白色色阶右移,高光左移,让最亮部分更亮,次亮部分压暗,增加高光对比。 黑色色阶左移,阴影右移,让最暗部分更暗,次暗部分提亮,增加阴影对比。...对于风景图片一般会增加些晕影: 晕影滑块右移-增加四角黑色 Step 6:导出 至此,一张图片基本就调色完成了,最后点击右上角分享-导出为,按自己喜好选择图片品质即可。

83820

.NET 深度指南:Colors

要把饱和度从 100% 降低到 50%,我们必须把现在值与 255 之间差值减半。...在下半部分,饱和度保持 100%,亮度减少到 0%,这就形成了黑色。 注意黄色、青色和品红在变成白色或黑色之前比其他色调能保持更长时间。它们是最强色彩,因为有 2 个点在全亮度闪耀。...下面是一张包含所有可能饱和度和亮度组合红色图片想这是本文中最令人困惑图片。...基本上,想把 Y 轴(从上到下)上色彩从红色变成黑色,意味着亮度从 1 到 0,而 X 轴(从左到右)上色彩从红色变成白色,意味着饱和度从 1 到 0,本来以为白色和黑色也会混合,右下角会变成灰色...取色器 在过去,总是很难理解取色器是如何工作,不知道为什么它们有时会失败。现在了解了色调、饱和度和亮度,以及它们与 RGB 色彩关系后,取色器也就更容易理解了。

39920

“模糊”见多了,从来没见过你这样- -#(

第二是可以在下面建立一个范围蒙版,可以使用黑色画笔擦去不想保留部分。...大桥路灯变成了弧形!...步骤8 虽然大桥模糊效果出来了,但是有些部分并不希望它是模糊,那么可以在这个位置上再次添加一条路径,绘制好之后回车将它固定,然后把它们数值设置为0-10之间,你会发现一个有趣事情。...步骤9 调节之后,点击上方“确定”即可跳出模糊设置回到图层面板,当你把图像放大时,你会发现这个很丑米老鼠也被模糊了,那么你应该知道智能对象下面会有一个蒙版,可以使用黑色画笔,擦除这些模糊部分。...步骤1 打开图片-复制-智能对象…… 步骤2 我们要把车开起来,那么轮子应该是旋转动态,所以肯定会使用旋转模糊,首先给轮子绘制一个圆形选区。

66450

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

使用 UISegmentedControl 改变背景颜色 (1) 设置 UISegmentedControl 属性 UISegmentedControl 属性 :  -- 属性截图 :  (2) 设置...UISegmentedControl 响应方法 创建 UISegmentedControl IBAction :  -- 按住 control 键将 UISegmentedControl 拖动到...设置图片显示属性 :  -- image (普通) : 访问或设置该控件显示图片; -- HighlightedImage (高亮) : 设置图片处于 高亮状态 时显示图片; (3) 动画显示方法..., 只在水平或垂直方向某一个方向是完整, 另一个方向截取; -- Center : 不缩放图片, 显示图片中间区域; -- Top : 不缩放图片, 显示图片顶部区域; -- Bottom : 不缩放图片...; -- 缩放主体 : 图片缩放只在 UIEdgeInsets 定义 四个属性值 区域缩放, 图片中心部分是不进行缩放; 3.

2.5K40

懂点前端——对CSS中Padding、Border、Margin理解

文本或者图片 padding - 边框到内容中间部分。透明、不可见 border - 边框。围绕着padding和content,如果设置了宽度则可见 margin - 边框以外区域。...我们通过一个具体例子看一下: 找了一个Vue写单页面应用,为了讲解起来简单,我们就选取这个页面的整个body部分作为一个块元素来看它padding、border和margin。...最内层蓝色区域是content,绿色部分是padding,黄色区域是border,最外面橙色区域是margin。...内容部分宽x高是540x240(小数部分就省略不写了,明白就好),以蓝色阴影表示,橙色阴影是margin,从这里可以看出来margin并没有计入body宽高。...为什么padding出现挤压了content宽度却没有影响它高度呢?

79430

女朋友让解释为什么一到年底,部分网站就会出现日期混乱现象?

2019年最后一天,在家里看着跨年晚会,享受着这一年最后一天闲暇时光,女朋友在旁边玩手机。看了一会之后她突然问我一些很奇怪问题。 ? ? ? ? 于是拿过他手机,看到了下面这一幕: ?...这是微信官方出公众号管理APP,上面赫然写着一篇文章发文日期是2020/12/29。 ? ? ? ?...什么是Week Year 我们知道,不同国家对于一周开始和结束定义是不同。如在中国,我们把星期一作为一周第一天,而在美国,他们把星期日作为一周第一天。...对于一年第一个日历星期有以下四种等效说法: 1,本年度第一个星期四所在星期; 2,1月4日所在星期; 3,本年度第一个至少有4天在同一星期内星期; 4,星期一在去年12月29日至今年1月4日以内星期...比如我输入2019-12-20,他告诉是2019;而我输入2019-12-30时候,他告诉是2020。 为了提供这样数据,Java 7引入了「YYYY」作为一个新日期模式来作为标识。

94020

前端图像处理之滤镜

(0-255; 0 是黑色,255 是纯绿色) B - 蓝色 (0-255; 0 是黑色,255 是纯蓝色) A – 透明度 (0-255; 0 是透明,255 是完全可见不透明) ?...假设输入图像部分色值为 10,部分色值为 50,那么 10 和 50 之间就存在色差,边缘就在这个地方。...经过卷积计算之后,我们可以看到色值相同部分变成了 0 表现为黑色,只有边缘色值计算结果大于 0(色值最小是 0,负数色值也是黑色),即色值为 120 边缘就凸显出来了!...所以只要把边缘检测卷积核中间 8 改为 9,就能实现边缘增强,且图片亮度不变锐化效果!...另外如果你看懂了本文卷积部分,也许你就踏进了【神经网络与深度学习】大门,因为卷积运算是神经网络与深度学习中最基本组成部分,边缘检测只是一个入门样例,我们还可以用来做人脸识别等高级应用,想想都有一点小激动

1.1K20

基于OpenCV-python3实现抠图

简述 在上一篇博客进行了证件照更换背景颜色,纯蓝色,红色,白色之间替换,有人私信我,可以不可以把背景换成其他图片,而不是单纯颜色填充。...(图片源于网络,已经马赛克处理,如有侵权,私信立即删除) 要实现效果就是,把人物图像抠出来,放在背景图片上面。 获取背景区域 由于背景纯蓝色,所以找到了这些区域,相反就是我们想要。...对于腐蚀和膨胀操作理解是: 腐蚀操作将会腐蚀图像中白色像素,以此来消除小斑点, 而膨胀操作将使剩余白色像素扩张并重新增长回去。...黑色区域内白点已经消除,完美分离人物与背景[傲娇]。 替换背景图片 此时已经将图片目标区域抠出来了,只需要再新背景图上把抠出来对应点颜色填充上去就好。...我们首先要确定一个坐标点,这个点决定了要把抠出来图像放到新背景图片什么位置,即就是抠出图片左上角(0,0)点在新背景图片中应该在位置。

5.4K10

CV | 2.颜色阈值&蓝幕替换

只知道自己不想要:从图像四个角开始往里缩小搜索圈,只要检测到蓝色就舍弃,直到“一检测到跑车边缘那一刻”就停止。 2....只知道自己想要:从跑车本身开始,往四周开始发散与保留,发散并保留到到“一检测跑车外蓝色边缘”就停止。...给图像添加掩膜 原理为:两张像素一模一样图片堆叠在一起,上面那张保留我们感兴趣部分,下面那张背景图会抠除我们感兴趣部分。这样一重叠,两张图片镂空部分和实心部分刚好互补。...又或者说,我们要选择部分图像是掩膜不等于0区域(因为掩膜黑色区域像素值大小为0) 叠加图层 因为我们希望跑车回到属于自己跑道上,即把跑车彩色掩膜印在公路上,所以公路图片会被放在底层。...错误做法:直接堆叠 正确做法:处理下层图片(背景图片)后再堆叠 为什么要多此一举,直接堆叠为什么得不到我们希望结果? 这涉及后续章节关于彩色干扰问题。

88420

iOS UISegmentedControl控件详解

这时候就需要用到UISegmentedControl控件了,这个控件用处就是进行分段控制,实现样式如下: 当选中一个分段时候,其颜色填充,其余分段为未选中状态,可以很清晰明了地告知用户当前在哪个分段内容下...,有几个注意地方特别提一下: UISegmentedControl风格在iOS 7.0之后就不能设置了,相应属性也进行了说明,即使设置了也是无效。...其实UISegmentedControl样式时一个整体圆角矩形,两边并不是像图中那样没有左右两边,但是觉得四个圆角不太好看,所以用了一个小技巧,将其起始x坐标设为了-5,将其宽度设为了屏幕宽度...分段标题可以用文字(这里都是文字)也可以用图片,基本都有对应方法,可以在使用时候根据代码补全提示去找。...这就是一点粗浅研究啦,可以在Github下载示例工程

1.6K10

萧蕊冰:了解UI设计配色技巧,让你设计更和谐!

当一种颜色亮度为0%时,它会生成黑色。下面这张图片可以帮助大家理解。 image.png 3、饱和度  现在我们来谈谈饱和度,饱和度指的是色彩鲜艳程度。...当我们提升颜色饱和度时,色彩就会变得更强烈和生动。 当我们降低色彩饱和度时,颜色就会变得更加黯淡,而当我们把饱和度降到最低时,色彩就变成了灰色。...回到最初的话题—— 当我们谈论颜色时,另一个重要命题就是如何组合颜色。关于这个我们总是会想起曾学过色彩理论课,尤其是对比与和谐部分,但对比并不总是意味着和谐。...image.png 左边文本颜色是黑色#000000,右边是深蓝色#15163D。虽然它们看起来都是黑色,但其中差异却相当重要,为什么?请看下面的图片。...我们中许多人看到颜色不够饱和或不够鲜艳,这是正常,因为世界并不完美,颜色也不完美。我们大部分人都来自于一个只使用CMYK和颜色有限制物理世界。

52620

二等奖 DeepFake 假脸挑战赛 项目记录

一个视频有300多帧,我们均匀取出17帧,然后从17帧中每一帧取出一个人脸图片。...在推理阶段,从一个视频中取出17帧,然后检测到17个人脸图片,然后得到17个图片是否被修改17个概率。 这是两个被伪造的人脸: ? 这是能看出被伪造。...随机抽取一帧,然后检测人脸,然后将人脸图片截出来。 5 截取人脸 在截取人脸时候,一般并不是检测到哪里,就只截取那部分图片。截图到一个图,然后首先要把长方形扩展到正方形,然后再扩大1.5倍候选框。...这样就可以保留更多一些人脸细节: ? 黑色是模型检测出来的人脸,然后扩展成红色正方形,然后再扩大1.5倍变成蓝色 6 如何去除脏数据 这里设计了一个检测差异度指标: ? 效果如下: ? ?...(也不知道为啥这样,其他队友提出建议2333) 11 具体参数 optimizer:SGDM,momentum=0.9 lr=0.001 学习率衰减策略,iter=60000时候乘上0.1,iter

77110

个人主题建站首选微博秀模板,仿新浪微博官网

修复部分CSS代码。 主题更新日志:(09/23) 修复移动端顶部导航部分点击无效BUG。...主题设置介绍: 按照习惯设置步骤走,首页可能会先设置侧栏信息,左侧导航调用模块是,导航栏(模块管理,导航栏),设置完导航在设置右侧侧栏信息,标注下各模板对应侧栏模块: 首 页 模 板(对应...背景图设置方法: 找到你自己喜欢背景图(可以直接扒新浪套装背景,复制图片地址)把图片上传或者粘贴在图片地址接口,但有时候背景颜色不一样,有的黑色有的是蓝色,所以背景色,可以自己设置下,简单说下,打开背景图...打开图片,按下F12, 图中“#000000”就是黑色背景代码,我们点击代码前面的“黑色方块”(不是屏幕黑色区域)会出现一个调色板,把鼠标移动到浅蓝色区域,点击即可获得颜色代码,如图: 图片黑色区域已经变成了浅蓝色...例如,刚刚设置山水画,图片有一座山,一间洋房别墅,我们就需要把这个图案显示出来才好看,具体像素需要自己尝试了,最简单方法就是你可以先设置成“200”,然后打开网站前台,看看效果,如果图案没显示完全

3.5K20

深度学习实战(可视化部分)——使用keras识别猫咪

经常会想,要是能将神经网络过程分解,看一看每一个步骤是什么样结果该有多好!这也就是这篇存在意义。 首先,我们要了解一下卷积神经网络擅长什么。CNN主要被用来找寻图片模式。...当我们在图片上操作时,我们可以很容易得检查出那部分模式,这是由于我们使用了滤波,我们用权重向量乘以卷积之后输出。当训练一张图片时,这些权重会不断改变,而且当遇到之前见过模式时,相应权值会提高。...(让我们一起看一个实际例子) 下图是一个猫图片: ? 这张图长400像素宽320像素,有三个通道(rgb)颜色。 那么经过一层卷积运算之后会变成什么样子呢? ?...看起来红色替换掉了黑色鼻子和黑色眼睛,蓝色替换掉了猫边界浅灰色。我们可以开始看到图层如何捕获照片中一些更重要细节。 ? ? ?...我们通过添加一个relu,去掉了很多不是蓝色部分。 Adding a Pooling Layer (增加一个池化层) 我们添加一个池化层(摆脱激活层最大限度地让图片更加更容易显示)。 ?

1.5K80

【2016 年最浪漫礼物】像扎克伯格一样,DIY 机器人(附教程)

随后,将教会人工智能助手理解语音,以控制家中一切,包括音乐、照明和温度等等。将教会它识别朋友们面部图片,在朋友们按门铃时让他们进入。...确定你用是电路板后部红色导轨针(red rail)(靠近机身其他部分区域红色导轨针)。 ? 5.将黑色跨接线分别从B1针和B6针接到蓝色导轨针(地线)上。...3.用黑色电缆线连接右下角最后一个弹簧。这两个电线给Arduino提供正确电压。 ? 4.将上述红色和黑色电线连到电路板最右边红色和蓝色针上。黑色电线应该插入到蓝色导轨针针30处。...红色电缆线应该插到红色电缆线针30处。 ? 5.黑色电线连接Arduino上GND针和电路板后部蓝色导轨针。蓝色导轨针处连接位置是针28. ?...6.一个黑色电线连接电路板后部蓝色导轨针和前部蓝色导轨针(位置均在针29处)。不要连接红色导轨,因为那样很可能损坏Arduino。 ?

1.1K60
领券