iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >iOS如何实现背景滑动效果
  • 880
分享到

iOS如何实现背景滑动效果

2023-06-29 14:06:19 880人浏览 泡泡鱼
摘要

这篇文章主要介绍了iOS如何实现背景滑动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下第一步、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何

这篇文章主要介绍了iOS如何实现背景滑动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

具体内容如下

第一步、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何才能够简单,快速的实现那样的效果呢

#import <UIKit/UIKit.h>    @interface ViewController : UIViewController{      NSMutableArray *btnArray;      NSMutableArray *titleArray;  }    @property (nonatomic,strong) UIView *customView;  @property (nonatomic,strong) UIView *backView;  @property (nonatomic,strong) UIButton *myButton;    -(void)myButtonClcik:(id)sender;    @end

在我们的额viewdidload方法中,或者自定义一个方法中创建我么的界面元素。《这里我引日了QuartzCore框架,是为了使用其layer属性》

#import "ViewController.h"  #import <QuartzCore/QuartzCore.h>    @interface ViewController ()    @end    @implementation ViewController    @synthesize customView;  @synthesize backView;  @synthesize myButton;    //每行显示的button个数  #define kSelectNum 6    - (void)viewDidLoad  {      [super viewDidLoad];      // Do any additional setup after loading the view, typically from a nib.            //创建背景视图,并设置背景颜色或者图片      customView = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 900, 60)];      customView.backgroundColor = [UIColor blackColor];      //设置customView的样式,变为圆角      customView.layer.cornerRadius = 15.0f;      customView.layer.masksToBounds = YES;      //将customView add 到当前主View中      [self.view addSubview:customView];            //创建button的背景视图      backView = [[UIView alloc] initWithFrame:CGRectMake(5, 5, 95, 50)];      backView.backgroundColor = [UIColor blueColor];      //设置为圆角。以免造成重叠显示      backView.layer.cornerRadius = 15.0f;      backView.layer.masksToBounds = YES;      //将backView视图add到customView中      [customView addSubview:backView];                  //创建button,首先button的个数是不固定的,因此我们需要动态的生成button      //创建数组,保存button的title      btnArray = [[NSMutableArray alloc]init];      titleArray = [[NSMutableArray alloc]initWithObjects:@"热播大片",@"最新更新",@"最热观看",@"美剧大片",@"韩剧频道",@"综艺娱乐", nil];      //动态生成button      for (int i = 0; i < kSelectNum; i ++){          myButton = [UIButton buttonWithType:UIButtonTypeCustom];          myButton.titleLabel.font = [UIFont boldSystemFontOfSize:20.0f];          [myButton setTitle:[titleArray objectAtIndex:i] forState:UIControlStateNORMal];          [myButton setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];          [myButton setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];          [myButton setFrame:CGRectMake(i%(kSelectNum + 1)*140+5, 5, 95, 50)];          [myButton addTarget:self action:@selector(myButtonClcik:) forControlEvents:UIControlEventTouchUpInside];          myButton.tag = i;          [btnArray addObject:myButton];          [customView addSubview:myButton];                    //设置默认选择的button.title的颜色          if(i == 0){              myButton.selected = YES;          }      }  }

我们为button添加按钮点击事件,同时设置背景色滑动特效。

- (void)myButtonClcik:(id)sender{  //    NSString *selectedBtn = [NSString stringWithFormat:@"%@",[titleArray objectAtIndex:button.tag]];  //    UIAlertView *alert = [[UIAlertView alloc]initWithTitle:nil message:selectedBtn delegate:self cancelButtonTitle:@"OK" otherButtonTitles:nil, nil];  //    [alert show];            //添加动画过度效果      [UIView beginAnimations:@"slowGlide" context:nil];      [UIView setAnimationDuration:0.3f];            //设置每次只能选择一个button      UIButton *button = (UIButton *)sender;      if(!button.selected){          for (UIButton *eachBtn in btnArray) {              if(eachBtn.isSelected){                  [eachBtn setSelected:NO];              }          }          [button setSelected:YES];                    //设置点击那个按钮,那个按钮的背景改变为backView的颜色          [backView setFrame:button.frame];      }      [UIView commitAnimations];  }

最后成型,我们就可以根据我们的样式需要进行调整了。

感谢你能够认真阅读完这篇文章,希望小编分享的“iOS如何实现背景滑动效果”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!

--结束END--

本文标题: iOS如何实现背景滑动效果

本文链接: https://www.lsjlt.com/news/325261.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iOS如何实现背景滑动效果
    这篇文章主要介绍了iOS如何实现背景滑动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下第一步、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何...
    99+
    2023-06-29
  • iOS实现背景滑动效果
    本文实例为大家分享了iOS实现背景滑动效果的具体代码,供大家参考,具体内容如下 1、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何才能够简单,快速的实现那样的效果呢...
    99+
    2024-04-02
  • iOS实现无限滑动效果
    在看到这个标题的时候,相信大家心里肯定会想,无限循环轮播的博客已经满天飞了,好有必要写么。这里我想声明一下,这里的无线滑动,但是数据却不循环。 实现原理 由于业务的需求,需要有大量的...
    99+
    2024-04-02
  • iOS实现垂直滑动条效果
    我们知道在 iOS 开发中,有一个控件经常用到,那就是滑动条(UISlider),可以满足我们滑动取值的需求。但是现在有一个需求,就是需要一个垂直的滑动条,而 UISlider 并不...
    99+
    2024-04-02
  • CSS3如何模拟IOS实现滑动开关效果
    这篇文章主要介绍CSS3如何模拟IOS实现滑动开关效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前言H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了......
    99+
    2024-04-02
  • 如何通过纯CSS实现网页的平滑滚动背景效果
    如何通过纯CSS实现网页的平滑滚动背景效果背景是网页设计中非常重要的一部分,可以增强页面的视觉效果和用户体验。传统的网页背景通常是静态的,但是通过使用纯CSS技术,我们可以实现一种平滑滚动背景效果,从而为网页添加更加动感和生动的视觉效果。在...
    99+
    2023-10-24
    平滑 滚动 纯CSS 背景效果
  • CSS如何实现背景效果
    这篇文章主要介绍了CSS如何实现背景效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。数量级对背景图形的影响本文的主角主要是:多重径向渐变(repeating-radial-...
    99+
    2023-06-14
  • Android实现背景图滑动变大松开回弹效果
    本文实例为大家分享了Android实现背景图滑动变大松开回弹的具体代码,供大家参考,具体内容如下 原图 放大后 1、自定义view继承ScrollView实现效果 public ...
    99+
    2024-04-02
  • 如何通过纯CSS实现网页的平滑滚动背景图效果
    在现代网页设计中,背景图的运用可以为网页增添更多的美感和活力。而通过CSS实现平滑滚动背景图效果,则可以使整个页面更加流畅和吸引人。本文将详细介绍如何通过纯CSS实现这一效果,并提供具体的代码示例。首先,我们需要准备一张背景图,并将其添加到...
    99+
    2023-10-21
    平滑滚动 纯CSS 背景图效果
  • Android实现背景颜色滑动渐变效果的全过程
    目录前言一、介绍一下GradientDrawable二、实现三、源码:总结前言 今天和朋友聊到这个功能,刚开始的想法是自定义view,如何进行滑动监听,经过一列操作完成效果后,发现...
    99+
    2024-04-02
  • 如何通过纯CSS实现网页的平滑滚动背景渐变效果
    如何通过纯CSS实现网页的平滑滚动背景渐变效果一、引言在网页设计中,背景渐变效果可以为网站增加美感和动态感。而平滑滚动背景渐变则可以使网页更加吸引人,给用户带来舒适的浏览体验。本文将介绍如何通过纯CSS实现网页的平滑滚动背景渐变效果,并提供...
    99+
    2023-10-25
    CSS 平滑滚动 背景渐变
  • 如何通过纯CSS实现网页的平滑滚动背景镂空效果
    随着互联网技术的不断发展,网页的设计也日趋多样化和复杂化。一个好看的网页,往往需要注重细节和创新。其中,平滑滚动背景镂空效果是近年来越来越受欢迎的设计元素之一。这种效果可以使网页看起来更加生动、有趣,并且能够引起用户的注意和兴趣。在本文中,...
    99+
    2023-10-21
    CSS 平滑滚动 镂空效果
  • ppt怎么设置动态背景让背景实现动态效果
    在PPT中设置动态背景实现动态效果,可以通过以下方法进行操作:1. 在PPT中选择“设计”选项卡,然后点击“背景样式”下的“格式背景...
    99+
    2023-09-20
    ppt
  • react如何实现滑动效果
    今天小编给大家分享一下react如何实现滑动效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。react实现滑动的方法:1、...
    99+
    2023-07-04
  • Android怎么实现背景图滑动变大松开回弹效果
    这篇文章主要讲解了“Android怎么实现背景图滑动变大松开回弹效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么实现背景图滑动变大松开回弹效果”吧!原图放大后自定义vie...
    99+
    2023-06-30
  • 如何通过纯CSS实现网页的平滑滚动背景图片渐变效果
    在现代的网页设计中,丰富的背景效果可以提升网页的美观度和用户体验。其中,平滑滚动和背景图片渐变效果是常用的一种设计方式。本文将介绍如何通过纯CSS实现网页的平滑滚动背景图片渐变效果,并提供具体的代码示例。一、平滑滚动效果首先,我们需要创建一...
    99+
    2023-10-21
    平滑滚动 网页 关键词:CSS
  • Android如何实现View滑动效果
    这篇文章给大家分享的是有关Android如何实现View滑动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、View的滑动简介View的滑动是Android实现自定义控件的基础,同时在开发中我们也难免会遇到...
    99+
    2023-06-14
  • CSS如何实现背景渐变过渡效果
    今天小编给大家分享一下CSS如何实现背景渐变过渡效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2024-04-02
  • CSS3如何实现磨砂玻璃背景效果
    这篇文章主要为大家展示了“CSS3如何实现磨砂玻璃背景效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS3如何实现磨砂玻璃背景效果”这篇文章吧。效果图及实...
    99+
    2024-04-02
  • Android如何实现平滑翻动效果
    这篇文章给大家分享的是有关Android如何实现平滑翻动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下效果activity加implementsimplements GestureDet...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作