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;
-
-
- #define kSelectNum 6
-
- - (void)viewDidLoad
- {
- [super viewDidLoad];
-
-
-
- customView = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 900, 60)];
- customView.backgroundColor = [UIColor blackColor];
-
- customView.layer.cornerRadius = 15.0f;
- customView.layer.masksToBounds = YES;
-
- [self.view addSubview:customView];
-
-
- backView = [[UIView alloc] initWithFrame:CGRectMake(5, 5, 95, 50)];
- backView.backgroundColor = [UIColor blueColor];
-
- backView.layer.cornerRadius = 15.0f;
- backView.layer.masksToBounds = YES;
-
- [customView addSubview:backView];
-
-
-
-
- btnArray = [[NSMutableArray alloc]init];
- titleArray = [[NSMutableArray alloc]initWithObjects:@"热播大片",@"最新更新",@"最热观看",@"美剧大片",@"韩剧频道",@"综艺娱乐", nil];
-
- 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];
-
-
- if(i == 0){
- myButton.selected = YES;
- }
- }
- }
第三步:我们为button添加按钮点击事件,同时设置背景色滑动特效。
- - (void)myButtonClcik:(id)sender{
-
-
-
-
-
- [UIView beginAnimations:@"slowGlide" context:nil];
- [UIView setAnimationDuration:0.3f];
-
-
- UIButton *button = (UIButton *)sender;
- if(!button.selected){
- for (UIButton *eachBtn in btnArray) {
- if(eachBtn.isSelected){
- [eachBtn setSelected:NO];
- }
- }
- [button setSelected:YES];
-
-
- [backView setFrame:button.frame];
- }
- [UIView commitAnimations];
- }
最后成型,我们就可以根据我们的样式需要进行调整了。
- 大小: 18.6 KB
分享到:
相关推荐
3. 仿网易、搜狐等新闻客户端的可滑动的内容视图和TabBar,支持滑动内容视图时,对应TabItem的字体、颜色、选中背景跟随内容视图的滚动进行平滑渐变切换; 4. 多个代理方法,可以自由适应各种需求; 5. 可以添加一...
很多App首页要做成类似天猫和京东的导航栏,实现在页面滑动过程中导航栏渐变的效果。笔者之前在项目里用过一个三方,后来更新版本失效了,于是决定结合自己对导航栏的认识来实现一下这个功能。完成一个简易的iOS导航...
本文实例为大家分享了iOS实现顶部标签式导航栏及下拉分类菜单的全部过程,供大家参考,具体内容如下 当内容及分类较多时,往往采用顶部标签式导航栏,例如网易新闻客户端的顶部分类导航,最近刚好有这样的应用场景,...
支付宝首页整体的实现效果, 尤其是顶部滚动展示效果的变化, 本文详细整个逻辑的处理: 关于整个页面布局逻辑, 从上往下说: 1.顶部: "类导航栏", 因为其并不是导航栏, 只是一个跟导航栏尺寸一致的View, 所以进入这个...
实现iOS的日历显示,支持选择日期,返回今天是几月几日,星期几,长按月份的标题可以将日历的背景显示为灰色,当天日期用红色圆圈作为背景标记,选中日期也为红色背景,选中的日期返回界面显示在UIButton上面,上下...
当用户第一次安装或升级应用时,都会利用导航页面告诉用户当前版本的主要亮点,一般情况下当行页面有三部分组成,背景图片,导航文字和滑动的原点,即下面的效果: 这里就不作详细的讲解,大家可以参考我以前写过的...
KRDragView 模拟拖动和滑动视图以在背景下显示菜单。 像卡片一样,您可以拖动视图并释放它以移动/显示其下方的某些内容。 # pragma --mark Sample Methods -( void )draggingFromTopToBottom { // ...
源码CRScrollMenuController,CRScrollMenu是一个横向可滑动,菜单项底部有指示标志的菜单,CRScrollMenuController包含CRScrollMenu,并且是菜单项对应Content View Controller的容器,这些View Controller之间也是...
这是一款基于UICollectionView实现的横向...另外本日历灵活,你可以实现任意更改日历宽高,更改单天视图的背景色点击颜色等(支持设置成透明色以满足设置背景图的要求) https://github.com/holyCoco/TSCalendarDemo
前言 首次通过右滑来返回到上一个页面的操作是在 IOS7上出现。到目前android应用上支持这种操作的依然不多。分析其主要原因应该是android已有...首先设置Window的背景为透明,再通过ViewDragHelper对Activity上DecorVi
1、在iOS8以前,我们实现tableview中滑动显示删除,置顶,更多等等的按钮时,都需要自己去实现,在iOS8中系统已经写好了,只要一个代理方法和一个类就行了 2、iOS8的协议对了一个方法,返回值是数组的tableview:...
实现导航栏随tableView滑动颜色渐变、头部图片往上移动效果和往下放大效果的demo
可滑动单元格可滑动cell swift实现实现与默认 IOS 滑动非常相似,但可以添加自定义背景视图显示按钮的动画结束仅提供一个单元格来显示背景视图
iOS 7短信应用的动态列表效果,实现iOS 7 Message(短信)应用的动态列表效果。上下滑动列表,列表行产生具有弹性(bounce)效果的滑动,类似弹簧一样。并且列表背景还实现了视差动态效果(Parallax)。
基于股票Mail.app的可滑动UITableViewCell / UICollectionViewCell,在Swift中实现。 关于 可滑动的UITableViewCell或UICollectionViewCell ,其支持: 左右滑动动作 动作按钮具有:仅文本,文本+图片,仅图片 ...
微信会采用界面翻转的过渡动画来跳转到评论界面,好像是在图片界面的背面一样,点击完成又会翻转回到图片界面,这不同于一般的导航界面滑动动画,觉得很有意思,于是自己学着做了一下,其实也很简单,下面是实现的...
基于股票Mail.app的SwipeableCollectionCell,在Objective-C中实现。 关于 SwipeableCollectionCell支持以下功能: 左右滑动动作 动作按钮具有:仅文本,文本+图片,仅图片 触觉反馈 可自定义的过渡:边框,拖动和...
另外……ios因为没设备,所以也不知道具体是否正常,讲道理应该没啥问题的。plugin,代码这块也是基本的flutter代码,应该没什么特殊的…………本人也是在不断摸索学习flutter中,所以这个项目中存在的错误或者低...