(按钮)上面为图片下部为文字的 按钮 控件
有的时候在做一些基础控件的时候系统的不能满足需要,就需要自己自定义一些控件了,这个按钮是上面显示图片,下半部分显示文字.
#import
@interface CollectView : UIView
@property(nonatomic,copy) NSString* title;
@property(nonatomic,strong) UIColor* titleColor;
+(instancetype) collectView;
-(void) addTarget:(id) target action:(SEL)action;
@end
#import "CollectView.h"
@interface CollectView()
@property(nonatomic,strong) UIButton* topBtn;
@property(nonatomic,strong) UILabel* titleLabel;
@end
@implementation CollectView
-(instancetype)initWithFrame:(CGRect)frame
{
self=[super initWithFrame:frame];
if (self) {
// 添加按钮
self.topBtn=[[UIButton alloc] init];
[self.topBtn setImage:[UIImage imageNamed:@"collect"]forState:UIControlStateNormal];
[self.topBtn setAdjustsImageWhenHighlighted:NO];
[self addSubview:self.topBtn];
// 添加Label
self.titleLabel=[[UILabel alloc] init];
self.titleLabel.textAlignment=NSTextAlignmentCenter;
self.titleLabel.font=[UIFont systemFontOfSize:12];
[self addSubview:self.titleLabel];
}
return self;
}
-(void)layoutSubviews
{
CGFloat W=self.bounds.size.height;
CGFloat btnX=0;
CGFloat btnY=0;
CGFloat btnW=self.bounds.size.width;
CGFloat btnH=W;
self.topBtn.frame=CGRectMake(btnX, btnY, btnW, btnH);
UIEdgeInsets imageInsert=UIEdgeInsetsMake(0, 0, W * 0.33, 0);
self.topBtn.imageEdgeInsets=imageInsert;
CGFloat labelX=0;
CGFloat labelY=W*0.66;//CGRectGetMaxY(self.topBtn.frame);
CGFloat labelW=self.bounds.size.width;
CGFloat labelH=W * 0.33;
self.titleLabel.frame=CGRectMake(labelX, labelY, labelW, labelH);
}
-(void)setTitle:(NSString *)title
{
_title=title;
self.titleLabel.text=title;
}
-(void)setTitleColor:(UIColor *)titleColor
{
_titleColor=titleColor;
self.titleLabel.textColor=titleColor;
}
+(instancetype) collectView
{
return [[self alloc] init];
}
-(void) addTarget:(id)target action:(SEL)action
{
[self.topBtn addTarget:target action:actionforControlEvents:UIControlEventTouchUpInside];
}
//在控制器中使用自定义按钮
CGFloat collectW=50;
CGFloat collectX=kScreenWidth-kStationDetailBorder-collectW;
CGFloat collectY=infoLabelY;
CGFloat collectH=50;
_collectView=[CollectView collectView];
_collectView.frame=CGRectMake(collectX, collectY, collectW, collectH);
_collectView.title=@"收藏";
[_stationInfoView addSubview:_collectView];
[_collectView addTarget:self action:@selector(collect)];