这篇文章主要为大家详细介绍了iOS实现简单分栏效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了iOS实现简单分栏效果的具体代码,供大家参考,具体内容如下
直接贴代码喽
GMSubfieldViiew.h
#import <UIKit/UIKit.h>
@interface GMSubfieldViiew : UIView
/**
* select index
*/
@property(nonatomic,copy) void(^clickIndex)(NSInteger index);
- (instancetype)initWithFrame:(CGRect)frame titles:(NSArray *)thiTitles;
/**
* 默认勾选
*/
@property(nonatomic,assign) NSInteger selectedIndex;
@endGMSubfieldViiew.m
#import "GMSubfieldViiew.h"
#define lineH 2
@interface GMSubfieldViiew ()
/**
* titles
*/
@property(nonatomic,strong) NSArray * titles;
/**
* lineView
*/
@property(nonatomic,weak) UIView *lineView;
/**
* itemWidth
*/
@property(nonatomic,assign) CGFloat itemWidth;
@end
@implementation GMSubfieldViiew
#pragma mark - initUI
- (instancetype)initWithFrame:(CGRect)frame titles:(NSArray *)thiTitles
{
if (self = [super initWithFrame:frame]) {
self.titles = thiTitles;
//initSubViews
[self initSubViews];
}
return self;
}
#pragma mark - action
- (void) initSubViews
{
self.itemWidth = kScreen_Width/self.titles.count;
//add child
for (int i=0; i<self.titles.count; i++) {
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
[btn setTitle:self.titles[i] forState:UIControlStateNormal];
btn.titleLabel.font = FontSize(15);
btn.tag = 100+i;
btn.layer.borderWidth = 0.5;
[btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
btn.layer.borderColor = [UIColor lightGrayColor].CGColor;
[btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
[self addSubview:btn];
}
//添加下划线
UIView *lineView = [[UIView alloc]init];
lineView.backgroundColor = [UIColor blackColor];
[self addSubview:lineView];
self.lineView = lineView;
}
- (void)layoutSubviews
{
[super layoutSubviews];
for (int i=0; i<self.titles.count; i++) {
UIButton *btn = [self viewWithTag:100+i];
btn.frame = CGRectMake(i*self.itemWidth, 0, self.itemWidth, self.bounds.size.height-lineH+1);
}
self.lineView.frame = CGRectMake(self.selectedIndex*self.itemWidth, self.bounds.size.height-lineH, self.itemWidth, lineH);
}
- (void) btnClick:(UIButton *)btn
{
NSInteger index = btn.tag -100;
ESWeakSelf
[UIView animateWithDuration:0.2 animations:^{
ESStrongSelf
self.lineView.frame = CGRectMake(index*self.itemWidth, self.bounds.size.height-lineH, self.itemWidth, lineH);
}];
if (self.clickIndex) {
self.clickIndex(index);
}
}
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
// Drawing code
}
*/
@end调用:
GMSubfieldViiew *segView = [[GMSubfieldViiew alloc]initWithFrame:CGRectMake(0, 10, kScreen_Width, segH) titles:@[@"未还",@"已还"]];
segView.selectedIndex = 1;
ESWeakSelf
segView.clickIndex = ^(NSInteger index){
self.isHK = NO;
ESStrongSelf
if(index==0){
//未还
self.rightButton.hidden = NO;
}
else if(index==1){
//已还
self.rightButton.hidden = YES;
self.containView.hidden = YES;
}
self.tableView.frame = CGRectMake(0, 60, kScreen_Width, kScreen_Height-NavHeight-60);
[self.tableView reloadData];
};
[self.view addSubView:segView];效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程学习网。
沃梦达教程
本文标题为:iOS实现简单分栏效果
猜你喜欢
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- Android实现轮询的三种方式 2023-02-17
- iOS 对当前webView进行截屏的方法 2023-03-01
- Flutter实现底部和顶部导航栏 2022-08-31
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- 详解flutter engine 那些没被释放的东西 2022-12-04
- Android实现监听音量的变化 2023-03-30
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- Android studio实现动态背景页面 2023-05-23
