`
zjjzmw1
  • 浏览: 1361786 次
  • 性别: Icon_minigender_1
  • 来自: 开封
社区版块
存档分类
最新评论

点击按钮的脉冲效果

    博客分类:
  • iOS
阅读更多

- (void)viewDidLoad

{

    [superviewDidLoad];

    self.tempB = [UIButtonbuttonWithType:UIButtonTypeCustom];

    self.tempB.frame = CGRectMake(100, 100, 50, 50);

    [self.tempBsetBackgroundImage:[UIImageimageNamed:@"Image"] forState:UIControlStateNormal];

    [self.tempBaddTarget:selfaction:@selector(showAction) forControlEvents:UIControlEventTouchDown];

    [self.view addSubview:self.tempB];

 

    

   

}

 

 

-(void)showAction{

    self.halo = [PulsingHaloLayerlayer];

    self.halo.position = self.tempB.center;

    

    self.halo.animationDuration = 2;

    

    [self.view.layerinsertSublayer:self.halobelow:self.beaconView.layer];

     [selfsetupInitialValues];

    

    [selfperformSelector:@selector(removeHalo) withObject:nilafterDelay:2.0];

}

-(void)removeHalo{

    [self.haloremoveFromSuperlayer];

}

- (void)didReceiveMemoryWarning

{

    [superdidReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

 

 

// =============================================================================

#pragma mark - Private

 

- (void)setupInitialValues {

 

    self.radiusSlider.value = 0.5;

    [selfradiusChanged:nil];

    

    self.rSlider.value = 0;

    self.gSlider.value = 0.487;

    self.bSlider.value = 1.0;

    [selfcolorChanged:nil];

    

    

}

 

 

// =============================================================================

#pragma mark - IBAction

 

- (IBAction)radiusChanged:(UISlider *)sender {

    

    self.halo.radius = self.radiusSlider.value * kMaxRadius;

    self.radiusLabel.text = [@(self.radiusSlider.value)stringValue];

}

 

- (IBAction)colorChanged:(UISlider *)sender {

    

    UIColor *color = [UIColor colorWithRed:self.rSlider.value

                                     green:self.gSlider.value

                                      blue:self.bSlider.value

                                     alpha:1.0];

    

    self.halo.backgroundColor = color.CGColor;

    

    self.rLabel.text = [@(self.rSlider.value) stringValue];

    self.gLabel.text = [@(self.gSlider.value) stringValue];

    self.bLabel.text = [@(self.bSlider.value) stringValue];

}

 

 

@end

分享到:
评论

相关推荐

    ifix的按钮发脉冲

    - 循环结束后,再次打开数字输出点`UNITY_START`,从而实现脉冲效果。 #### 方法二:通过鼠标按键状态变化实现脉冲 此方法适合于需要根据鼠标按键状态实时触发脉冲的应用场景。 1. **脚本编写**: - 当鼠标按下...

    swift-RNPulseButton简单和可定制的iOS脉冲动画效果按钮

    此外,`RNPulseButton`还支持自定义触发脉冲动画的事件,比如点击按钮时开始动画,或者在特定条件下自动启动动画。 为了使用`RNPulseButton`,首先需要将项目中的`bluelocate-RNPulseButton-39f4c9a`文件解压,并将...

    css按钮特效,输入框特效,按钮粒子效果

    通过指定动画的关键帧,按钮在鼠标按下或释放时可以有动态效果,如脉冲、旋转等。 ```css @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } ...

    PPT绘制发光效果按钮教程.rar

    你还可以考虑为按钮添加动画效果,如“飞入”或“脉冲”,这将使观众更加关注到这个交互元素。 6. **保存和应用**:完成设计后,记得保存你的工作。你可以将这个按钮作为模板应用到其他幻灯片上,只需复制并粘贴...

    6种炫酷的CSS3按钮边框动画特效

    3. **脉冲边框**:边框宽度在大小之间周期性变化,如同呼吸般的效果,引人注目。 4. **缩放边框**:按钮边框在鼠标悬停时放大或缩小,增强视觉冲击力。 5. **线条动画边框**:边框由线条绘制而成,每条边依次出现或...

    s7-300/400PLC CPU时钟脉冲应用

    7. **保存配置**:完成以上步骤后,点击“确定”按钮保存设置,并下载到PLC中。 #### 五、注意事项 - 在编写其他程序时,需要避免使用已经分配给时钟脉冲的存储字节,以防止数据冲突。 - 时钟脉冲的周期可以根据...

    制作漂亮的动态按钮

    动态按钮并非指按钮本身在屏幕上移动,而是指按钮在用户交互过程中(如鼠标悬停、点击等)展现不同的视觉效果,例如改变颜色、大小、形状或添加动画。这种变化使得按钮更加生动,让用户更容易感知到交互的存在。 ...

    css动画按钮2

    除了脉冲效果,还可以实现旋转、滑动、渐变等多种动画效果。例如,按钮被点击后,可以添加一个旋转动画: ```css @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(45deg); } 100%...

    CSS3鼠标悬停按钮线条动画效果代码

    同时,可以利用`animation`属性和关键帧(`@keyframes`)来实现更复杂的动画,如线条的脉冲、闪烁等效果。 为了更好地展示这个效果,你可以将以上代码保存为HTML和CSS文件,然后在浏览器中预览。如果想要在实际项目中...

    水纹脉冲动画

    "水纹脉冲动画"是一种独特的视觉效果,模拟水面受到冲击后产生的涟漪扩散效果,给用户带来生动、真实的感受。这种动画通常用于按钮激活、触摸反馈或者加载指示等场景,使得交互更加有趣且引人注意。 在iOS中实现...

    图片点击震动效果源码.zip

    标题提到的"图片点击震动效果源码.zip"是一个示例项目,它演示了如何在用户点击图片时添加一个逼真的震动反馈效果。这种效果通常可以增加用户的参与度,让他们感觉更加沉浸在应用之中。 在Android系统中,我们可以...

    CSS按钮样式大全(精选)

    9. **动画按钮**:使用CSS关键帧动画(`@keyframes`)可以创建动态按钮,如脉冲、旋转等效果。 10. **按钮组**:当多个按钮一起使用时,可以通过CSS实现按钮的对齐和间距调整,创建按钮组。 在压缩包中的"CSS按钮...

    CSS3按钮炫酷动画hover样式

    在:hover状态下,我们可以改变阴影的颜色、大小或偏移量,使得按钮在被点击时显得更突出。 ```css button { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } button:hover { box-shadow: 0 4px 10px rgba(0, 0, 0,...

    超酷CSS3复选框和单选按钮点击动画库checked.css特效.zip

    这可以创建更复杂、更动态的动画效果,比如涟漪扩散、脉冲效果或者渐隐渐现等。 4. **自定义图标**:借助CSS的`content`属性和`::before`、`::after`伪元素,我们可以覆盖原有的复选框和单选按钮图标,替换为自定义...

    18种垂直分页导航按钮动画特效

    8. **脉冲效果**:按钮周期性地扩大和缩小,引导用户的注意力。 9. **翻转效果**:按钮在切换时进行二维或三维翻转,展现不同视角。 10. **波纹效果**:类似水波纹的扩散动画,使用户操作显得更加生动。 11. **拖曳...

    JS+CSS3实现18款不同展示效果的3D立体进度条按钮.zip

    7. **事件监听和处理**:JavaScript中的事件监听器(addEventListener)可以帮助我们捕捉用户的交互行为,如点击按钮来启动或停止进度条动画。 8. **性能优化**:在处理大量动画时,需要注意性能问题。合理使用...

    checked.css-超酷CSS3复选框和单选按钮点击动画库

    此时,CSS3动画库如`checked.css`便应运而生,它为复选框和单选按钮赋予了超酷的点击动画效果,极大地提升了用户体验。 **一、checked.css的特点** 1. **丰富的动画效果**:checked.css内置了23种不同的动画特效,...

    CSS3实现发光按钮登录表单特效代码.zip

    同时,也可以添加一些微小的动画,如按钮点击后的脉冲效果,来增强用户体验。 总结来说,CSS3的特性极大地丰富了网页设计的可能性,让我们能够轻松创建出具有视觉吸引力的发光按钮和动态登录表单。通过灵活运用渐变...

    在PowerPoint2021中创建自定义动画效果.docx

    3. **添加动画效果**:在“动画”选项卡中,使用“动画库”或点击“添加动画”按钮,选择一种动画效果应用于所选对象。如果直接应用新的动画效果而不使用“添加动画”,原有的动画效果将会被替换。 4. **调整效果...

Global site tag (gtag.js) - Google Analytics