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

IOS开发之简单音频播放器

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

1.7K60

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

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

56430
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    46610

    python图像处理-个性化头像

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

    1.1K10

    为什么网络上一些表情包在反复传播之后会变绿?这就是传说中的“电子包浆”嘛?

    大家好,我是程序员牛肉。 今天在和朋友聊天的时候,他发了一张很古老的表情包,整张图片呈现很明显的发绿状态。 这张图片直接将我的思绪拉回到七八年前,当时我还经常在QQ群里和别人斗图。...那大家有没有想过这些图片为什么会发绿呢? 我们首先要明确一点:图片并不是因为反复传播而变绿的,而是因为在传播的过程中,各个软件都会对图片进行压缩来节省网络带宽。...问题就出在RGB转YUV色彩空间的过程中,采用了降低精度来提高转换速度。而在这一过程中,采用了右移操作进行数据截断。 这个操作可了不得,他会直接截断小数部分。例如3.1就会变成3。...U(Chrominance Blue 或 Cb) 代表蓝色色度(Chrominance Blue),也称为蓝色分量。它反映的是图像中蓝色部分与亮度的差异信息,用于表示颜色中的蓝色偏移量。...相信通过我的介绍,你已经大致了解了为什么会出现这种情况。希望我的文章可以帮到你。

    12810

    程序员五一修图小贴士

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

    87620

    .NET 深度指南:Colors

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

    45120

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

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

    69350

    【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.

    3.2K40

    懂点前端——对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的宽度却没有影响它的高度呢?

    2.4K30

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

    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」作为一个新的日期模式来作为标识。

    96820

    前端图像处理之滤镜

    (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.6K10

    iOS UISegmentedControl控件详解

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

    1.9K10

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

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

    93920

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

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

    55220

    图形编辑器基于Paper.js教程17:图像转gcode前的处理,灰度,黑白,抖动

    好久没有正经写博客了,前一段时间一直在备考中级项目管理,再加上项目开发只有自己一个人,每天忙的飞起。有闲暇时间也不想写,其中一部分原因也是因为很多简单问题,AI就能回答的很好。...小于128的像素我们就雕刻变成黑色, 大于128的像素我们就不雕刻,保持材料原来的颜色。 黑白图也是这样的来的。 下面我给你看一下原图,灰度图,黑白图的区别。...上面这个是原图,我最近在做的旋转配件测试。 把这图片进行灰度化后就变成了下面的效果 上面的就是灰色图,这让我想起了小时候家里的黑白电视。...当我们将0-255的灰色通过阈值128 处理后,就变成了只有0和255的两值图片,真正的黑白照片,只有黑白。下面的就是黑白图片,会都是很多细节。...它的原理是在使用一个卷积 ,将灰度值的误差扩散到相邻的几个像素上。增一下一些黑色的小白点,我们可以把它叫做噪点,它会欺骗我们的眼睛,让我们觉得图片会不同层次的灰度。

    9710

    二等奖 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

    86810

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

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

    3.5K20
    领券