All Projects → iceyouyou → Uuwaveview

iceyouyou / Uuwaveview

Licence: mit
[iOS]带有波形效果的UI控件,可自定义波形线条的数量、颜色、振幅、传播速度等各种参数。

Projects that are alternatives of or similar to Uuwaveview

UUAmountBoardView
[iOS]带有数字(金额)滚动效果的UI控件
Stars: ✭ 37 (+105.56%)
Mutual labels:  view, customizable
Hhcustomcorner
Awesome library to customize corners of UIView and UIButton. Now you can customize each corner differently
Stars: ✭ 36 (+100%)
Mutual labels:  view, customizable
Incrementproductview
Interesting concept of products incrementation
Stars: ✭ 262 (+1355.56%)
Mutual labels:  view, customizable
SwiftyWave
Siri Waves View in Swift
Stars: ✭ 66 (+266.67%)
Mutual labels:  view, wave
Uumarqueeview
[iOS]Customizable marquee view. #Marquee,MarqueeView,跑马灯,滚屏,上翻,左滑,多行,自定义
Stars: ✭ 295 (+1538.89%)
Mutual labels:  view, customizable
Physicslayout
Android layout that simulates physics using JBox2D
Stars: ✭ 658 (+3555.56%)
Mutual labels:  view
Creditcardview
💳 CreditCardView is an Android library that allows developers to create the UI which replicates an actual Credit Card.
Stars: ✭ 744 (+4033.33%)
Mutual labels:  view
Polygonsview
模仿掌上英雄联盟能力分析效果
Stars: ✭ 652 (+3522.22%)
Mutual labels:  view
Financialcustomerview
各种金融类的自定义View,基金走势图、分时图、蜡烛图、各种指标等,一步一步构建庞大的基金自定View...
Stars: ✭ 642 (+3466.67%)
Mutual labels:  view
Bars
Bars is a lightweight high performance HTML aware templating engine. Bars emits DOM rather than DOM-strings, this means the DOM state is preserved even if data updates happen.
Stars: ✭ 5 (-72.22%)
Mutual labels:  view
Cyltabbarcontroller
[EN]It is an iOS UI module library for adding animation to iOS tabbar items and icons with Lottie, and adding a bigger center UITabBar Item. [CN]【中国特色 TabBar】一行代码实现 Lottie 动画TabBar,支持中间带+号的TabBar样式,自带红点角标,支持动态刷新。【iOS13 & Dark Mode & iPhone XS MAX supported】
Stars: ✭ 6,605 (+36594.44%)
Mutual labels:  view
Laravel View Models
View models in Laravel
Stars: ✭ 722 (+3911.11%)
Mutual labels:  view
Quickshot
Capture images of any View, SurfaceView or Bitmap from your Android app in: .jpg .png or .nomedia with simple oneliner codes.
Stars: ✭ 663 (+3583.33%)
Mutual labels:  view
Fcalertview
FCAlertView is a Flat Customizable AlertView for iOS (Written in Objective C)
Stars: ✭ 777 (+4216.67%)
Mutual labels:  customizable
Pmsuperbutton
🔥 PMSuperButton is a powerful UIButton coming from the countryside, but with super powers! 😎
Stars: ✭ 653 (+3527.78%)
Mutual labels:  customizable
Gsyrecordwave
MP3音频录制,支持类似IOS原生的单边或者双边波形显示,低版本音频权限兼容,本地或者在线音频播放的波形显示,录制波形和播放波形会根据声音频率变色的功能,边播边缓存功能,简书入口http://www.jianshu.com/p/2448e2903b07
Stars: ✭ 810 (+4400%)
Mutual labels:  wave
Roundedletterview
RoundedLetterView like the one in Android 5.0 Contacts app
Stars: ✭ 651 (+3516.67%)
Mutual labels:  view
Koyomi
Simple customizable calendar component in Swift 📆
Stars: ✭ 716 (+3877.78%)
Mutual labels:  customizable
Animatedbottombar
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.
Stars: ✭ 797 (+4327.78%)
Mutual labels:  customizable
Oxchart
各种自定义图表库,使用简单,支持扩展
Stars: ✭ 715 (+3872.22%)
Mutual labels:  view

UUWaveView

Build Status

用于iOS,创建带有波形效果的UI控件,可自定义波形线条的数量、颜色、振幅、传播速度等各种参数。

Demo

UUWaveView

使用方法

先通过UUWave的构造方法创建波形线条:

UUWave *wave = [[UUWave alloc] initWithStyle:UUWaveStyleSin
                                   direction:UUWaveDirectionRight
                                   amplitude:20.0f
                                       width:200.0f
                                   lineWidth:2.0f
                                     offsetX:100.0f
                                       stepX:0.6f
                                layerCreator:^CALayer *(CAShapeLayer *waveLayer) {
                                    waveLayer.backgroundColor = [UIColor clearColor].CGColor;
                                    waveLayer.fillColor = [UIColor clearColor].CGColor;
                                    waveLayer.strokeColor = [UIColor clearColor].CGColor;
                                    return waveLayer;
                                }];

其中各参数的说明如下:

- (instancetype)initWithStyle:(UUWaveStyle)style            // 波形类型:正弦/余弦
                    direction:(UUWaveDirection)direction    // 波形移动的方向
                    amplitude:(CGFloat)amplitude            // 波形振幅
                        width:(CGFloat)width                // 波形一个周期对应的x轴宽度
                    lineWidth:(CGFloat)lineWidth            // 波形线条宽度
                      offsetX:(CGFloat)offsetX              // 波形x轴偏移量
                        stepX:(CGFloat)stepX                // 波形移动的步进值(传播速度)
                 layerCreator:(CALayer* (^)(CAShapeLayer *waveLayer))layerCreator;
                                                            // 自定义波形Layer的回调。其中waveLayer为波形Layer,可在此处指定各种颜色效果。
                                                            // 返回值CALayer将被add到UUWaveView.layer上。

然后构造UUWaveView,并将UUWave加入到UUWaveView中:

UUWaveView *waveView = [[UUWaveView alloc] initWithFrame:CGRectMake(0.0f, 45.0f, 200.0f, 55.0f)];
[waveView addWaves:@[wave]];
[self.view addSubview:waveView];

使用start方法即可开启传播动画:

[waveView start];

示例代码请参考UUWaveViewDemo。

Compatibility

  • Requires ARC.
  • Supports iOS7+.

License

UUWaveView is available under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].