【code_小马】iOS 频谱动画(音量振幅条)

效果:

MYGang.gif

界面UI是有点low,但是仍然能为实现功能,提供了一个思路:😝

我们是工程师 ——加油 !

CALayer篇:

  • 闲言少叙,直接撸代码:
-(void)code_XMAnimation4
{
    
    //1.首先创建复制layer,音乐振动条layer添加到复制layer上,然后复制图层就好了。
    CAReplicatorLayer *replicatorLayer = [CAReplicatorLayer layer];
    replicatorLayer.frame = CGRectMake(50, H-200, 220, 150);
    replicatorLayer.backgroundColor = [UIColor lightGrayColor].CGColor;
    [self.view.layer addSublayer:replicatorLayer];

    // 2.先创建一个音量振动条,并且设置好动画,动画是绕着底部缩放,设置锚点
    CALayer *bar = [CALayer layer];
    bar.backgroundColor = [UIColor colorWithRed:255/255.0 green:110/255.0 blue:60/255.0 alpha:1.0].CGColor;
    bar.bounds = CGRectMake(0, 0, 10, 100);//bounds
    bar.position = CGPointMake(20, 150);//中心点的 x.y坐标
    bar.anchorPoint = CGPointMake(0.5, 1);//定位点
    [replicatorLayer addSublayer:bar];
    
    
    CABasicAnimation *anim = [CABasicAnimation animation];
    anim.keyPath = @"transform.scale.y";
    anim.toValue = @(0.1);
    anim.autoreverses = YES;
    anim.repeatCount = MAXFLOAT;
    [bar addAnimation:anim forKey:nil];
    

    //3.复制图层(也可以说是复制图层)
    //设置13个图层,12个复制层
    replicatorLayer.instanceCount = 13;
    //设置复制图层的相对位置,每个x轴相差15
    replicatorLayer.instanceTransform = CATransform3DMakeTranslation(15, 0, 0);
    //设置复制图层的延迟动画时长
    replicatorLayer.instanceDelay = 0.3;
    
    //设置复制图层的透明度
    replicatorLayer.instanceAlphaOffset = -0.03;
    //设置复制图层相对上一个复制图层的红色偏移量
    replicatorLayer.instanceRedOffset = - 0.06;
//    replicatorLayer.instanceGreenOffset = - 0.0;


}

  • 简单吧 😄

【code_小马】

晌午时光

很喜欢的一篇文章,拿出来和大家分享
【第十二集】

.......... 如风出院那天我才算真正的与他面对面。    吃完晚饭,我们坐在床上,我第一次感觉13平的家竟然是那么的狭小。我们俩人都沉默着,我一直低着头,不敢与如风目光相接。    就这么呆了很久,我说:“伤刚好,早些睡吧。”    我起身拉挂在我和他床中间的帘子,如风猛地站起,抓住了我拉帘子的手。    我紧张的看着他,他的目光无比温柔,我的心怦怦地跳着。    如风低下头,他又一次的吻了我,我的身体在他怀中微微颤抖。    他的吻慢慢变得霸道,从我的唇游走到我的耳根我的颈子,我的身体仿佛被他点燃,雪白的皮肤透着淡淡的粉红色。如风呼吸渐渐急促,他起伏的胸膛把我压在墙角,我突然害怕起来,两年前就是在这里,阿福轻易的夺走我的贞操,也因此而丧命。    “不……不要!”我推开如风,像一只受惊的小动物。    如风紧紧攥着拳头,背对着我拼命压抑着自己已然爆发的激情。    我脑子中飞快的找寻着话题,我根本不知在这样的情景该做什么,该怎么办。    “秀秀好像很喜欢你。”我假装若无其事的说,这是我最近的心病,但却没想到会在这种时候脱口而出。     如风的脸很不自然的扯动了一下,就像被什么东西击中。    “秀秀很漂亮,人直爽……”我低声说,微微泛酸。    “我说的是真的!”如风打断我。    我逃避他的话,接着说:“Linda也挺用心……”    “我说爱你是真的!”如风抓住我的双肩大声地喊。    我没敢看他的眼睛,慢慢地下头。    如风的手缓缓放开,样子像是被判了死刑。    他哀伤的说:“原来,只是这样……”    如风跑了出去。    我颓然坐在床上,望着敞开的房门,眼泪慢慢滑出。    原来,究竟是怎样呢?    我没力气思考原来,也从不曾期待后来。其实我想的很简单,所有都可以任意改变,只要和如风在一起,彼此依靠的默默生活。    然而,到底他还是走了。    心口强烈的疼痛让我的想法渐渐清晰,不管怎么样,绝对不能失去他,不要成为一个人!    我毫不犹豫的冲出家门。    如风在东歌喝得烂醉,程秀秀把他扶到了自己的房间。    程秀秀是喜欢如风的,然而究竟是从什么时候开始,她却自嘲说不清楚。    也许是第一次见面,站在所有小弟中只有如风显得是那么俊朗,很听她爸爸的话却执意不理会她。又或是她第一次见到她爸爸杀人,他挡在吓哭的自己身前说女孩子不要见太多血。还是因为他的不可捉摸?狠的时候好狠,拔出枪对准祥叔眼都不眨。温柔的时候又好温柔,把她送给他的巧克力一层层包好说是回家带给姐姐尝。   当爱情发生,探究原因就变得多余,程秀秀轻轻吻了如风一下。    如风缓缓睁开眼,“为什么不爱我?”他痛苦的说。    “爱啊,怎么会不爱?”程秀秀在他耳边温柔的说。    “她为什么不爱我!”如风抓住程秀秀说。    程秀秀顿时脸色苍白,她尖叫着:“她?她是谁?她是谁!”    如风好像终于看清眼前的人,他从床上爬起冷冷的说:“我走了。”    程秀秀从身后紧紧抱住如风说:“不要!别走!阿风,我爱你,我爱你啊!”    “秀秀,放手吧。”如风说。    程秀秀转到他身前,手指颤抖的撕扯着他的扣子,嘴里不停地说:“不,我不让你走,不让!不让!”    如风任她把衬衫脱掉,他神情落寞地说:“只要这样吗?这样就够了?”    程秀秀停住,伏在如风胸前失声痛哭:“为什么这么对我?为什么!”    窗外一道闪光,如风猛然一惊。    “怎么了?”程秀秀哽咽着说。    “外面是不是下雨了?”如风紧张的说。    “是啊,怎么了?”程秀秀被如风的样子唬住。    如风推开她跑了出去,任凭她在身后高声呼喊,他头也不回。   雨水冲刷着我的身体,找回如风的坚定信念支撑着我蹒跚的走着。一道闪电划过,我战栗地跪在地上,我的神经已在崩溃边缘。    一辆黑色的宝马停在我身边,车上款款走下一个少女,她走到我身边撑起伞。  我抬起头,是程秀秀。    我抓住她说:“如风,见到如风了么?他在那?”    程秀秀狐疑地看着我:“你怎么了?如风疯了似的在找你!”    我踉跄地站起来,自言自语:“我要去找他!”    又是一道闪电,我尖叫着蜷缩成一团。    程秀秀拍拍我说:“你没事吧?”    我打开她的手,目光涣散的说:“别碰我!”    程秀秀不耐烦的对司机说:“把她抬上车!”    司机过来拉我,我拼命挣扎,不停地喊:“求求你!求求你阿福!不要!不要!”    “阿福?”程秀秀低吟,她好像明白了点什么,她一把扯住我说:“阿福怎么了?你不要他什么?”    “不要!”    “什么不要?你说啊!快说啊!”    天空响起一声惊雷,我应声昏倒在地。    “程秀秀!”如风跑了过来,他抱起我,我微喘过了一口气,瑟缩在他怀里喃喃的喊着不要。    如风狠狠的甩了秀秀一个耳光。    “就是她对不对!你爱的人就是她对不对!”程秀秀嘴角淌着血指着我大喊。    “我警告你,你别想动她一根手指!”如风冷冷地说。    “动她怎样?阿福失踪的莫名其妙,是因为她吧!就是因为她东歌差点被人毁了!我跟我爸差点死在祥叔手里!”程秀秀喊。    “杀了你,”如风的声音让程秀秀仿佛瞬间被冻住,“你敢碰她我就杀了你!”    “魏如风!你疯了!你们是姐弟啊!”程秀秀歇斯底里的哭喊。    “她不是我姐姐,”如风说:“我们没有血缘关系。”    程秀秀痴痴的跌坐在地上,如风抱着我向远处走去,消失在一片雾水之中。    那年,我19岁,魏如风18岁。 如风回到了我身边,带着他沉默而深厚的爱。 我们搬离了13平的房子,住进了程豪送的高级公寓,分室而居使我逃离了夜晚的尴尬。如风没跟我再提起一句那天的事,我解释不出那天晚上我那种撕心裂肺的感觉和奋不顾身的冲动是为什么,这是我从未有过的感受,有时我甚至希望如风能继续探究,但是他没有。   程豪的胃口越来越大,他的产业遍布整个辖区,小到洗头屋,大到赌场。如风变的更加冷峻,也更加忙碌,他经常夜不归宿,但如果下雨,他一定会回来的。  住在装饰精美的大房子里,我反而常常怀念那一贫如洗的小屋,舒适的生活并没有让我感觉幸福,如果没有如风在身边,我和屋里的大理石雕塑没什么区别,甚至还没有它生动,一切都变得黯然失色。摆脱了饥饿与贫穷,富足却让人茫然。  我并不费力的考上了T大,念管理,其实学什么对我而言并没意义,当初我执著的想再让如风读书的念头已渐渐模糊,我和如风的未来都是模糊的了。   在大学里,我的美艳继续成为焦点,但是这并没有改变我的孤僻,我已经习惯了人们惊叹的目光,也习惯了一个人的孤独。没有谁敢打我的主意,每天准时接送我的黑色宝马和戴着墨镜的彪形大汉让人望而却步。  然而,就是在这样层层保护中,美丽一样具备魔力势不可挡,我依旧是别人眺望的风景,阿瞳就这么望着我走入了我的生活。  那天午后,我在一间冰淇淋店打发时间,店里的两个高中女生偷瞄着我窃窃私语。   “阿瞳!那女的好靓啊!”其中一个胖胖的女孩说。阿瞳说:“是不错,可惜比我差了点!”  胖妹大笑:“你?未免差太远吧!”  阿瞳狠狠瞪了她一眼说:“女人,不光是长相,智慧也是一种美!”  胖妹不理她,迷恋的说:“如果能长成她那样,就算是个白痴我也愿意!”阿瞳不以为然:“你看她,目光呆滞,一副哀怨的样子!红颜薄命,肯定活得不开心!”   胖妹打了她一下说:“都是你说的!人家走了。”  “喂喂!别闹!”阿瞳拉住她的手说,“她刚才是坐在那么?有个手袋,是不是她的?”  我买了外带,却心不在焉的把手袋忘在了座位上。这是我无比后悔的一次马虎,我宁愿丢一个小小的手袋,因为它使我差点丢掉了比生命都重要的东西,赶紧走了过去,她拿起手袋说:“是她的!追不上了怎么办?”  阿瞳说:“看看包里有没有通讯薄什么的。”  胖妹打开手袋,啧啧的说:“有钱人!gucci呢!嗯……课本,哇!T大的!夏如画,名字很好听!……有个记事本。”  阿瞳翻开记事本,脸色一变:“好怪……”  胖妹忙抢过来看,她惊讶的叫:“天哪!通讯薄上怎么只有一个人的号码!  阿瞳沉思着默念:“如风……”  阿瞳她们到一个电话亭:“麻烦call99699……苏瞳……夏如画的手袋在我这里,请复机。谢谢!”  几秒钟后如风就打了回来,他语气焦急:)“你是谁?她在哪里?她手袋为什么在你手上!”  “她把包忘在了冰淇淋店,我们捡到了。你是他朋友吗?能不能来替她取一下?”阿瞳说。  如风松了口气:“是这样啊,你在哪?等我一下,我马上就去。”  阿瞳说了大致方位便挂上了电话,她对胖妹说:“真古怪,那男的紧张得不行!”  胖妹说:“是她男友吧?”  阿瞳摇摇头说:“不像……说不清。”  不一会如风就开车到了这边,胖女孩紧紧抓着阿瞳的手臂兴奋得低语:“我的天!帅呆了!”  阿瞳迎上去:“你是如风?”  如风说:“对,我是。她的包呢?”  阿瞳把手袋递给他说:“在这里。”  “谢谢。”如风接过包转身走向汽车。  “等一下!”阿瞳叫住他,“就这么走了吗?我们等了这么久,至少要请饮茶吧!”  如风停住,他冷冷的望着阿瞳,阿瞳笑盈盈的跟他对视。  胖妹被如风的气势吓住,她轻轻拉了拉阿瞳说:“你干吗呀……”  “上车吧。”如风说。  阿瞳拽着胖女孩欣然坐上了如风的跑车。  Linda惊讶的看着如风带着两个女孩走进东歌,如风身边是从来没有女孩子的,她忙扯过滨仔说:“你盯着他们!我去告诉秀秀!”...............

点击阅读文章第十一集

点击阅读文章第十三集
文章后续更新中,喜欢请关注哦 🌹

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容