广告
返回顶部
首页 > 资讯 > 移动开发 >iOS实现背景滑动效果
  • 677
分享到

iOS实现背景滑动效果

2024-04-02 19:04:59 677人浏览 安东尼
摘要

本文实例为大家分享了iOS实现背景滑动效果的具体代码,供大家参考,具体内容如下 1、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何才能够简单,快速的实现那样的效果呢

本文实例为大家分享了iOS实现背景滑动效果的具体代码,供大家参考,具体内容如下

1、在很多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];  
}  

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

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

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

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

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

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

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

  • 微信公众号

  • 商务合作