分享弹出界面

1.先上效果图：

分享弹出界面

源码链接：https://gitee.com/xuanTestApp/TestActivityView.git

2.WHActivityView.h文件

// WHActivityView.h

// TestActivityView

// Created by weihong xuan on 2017/3/14.

#import <UIKit/UIKit.h>

@class ButtonView;

@class WHActivityView;

typedef void(^ButtonViewHandler)(ButtonView *buttonView);

@interface ButtonView : UIView

@property (nonatomic, strong) UILabel * textLabel;

@property (nonatomic, strong) UIButton * imageButton;

@property (nonatomic, weak) WHActivityView * activityView;

- (id)initWithText:(NSString *)text image:(UIImage *)image handler:(ButtonViewHandler)handler;

@end

@interface WHActivityView : UIView{

BOOL isNeed;

}

//背景颜色, 默认是透明度0.95的白色

@property (nonatomic, strong) UIColor *bgColor;

//标题

@property (nonatomic, strong) UILabel *titleLabel;

//取消按钮

@property (nonatomic, strong) UIButton *cancelButton;

//一行有多少个, 默认是4. iPhone竖屏不会多于4, 横屏不会多于6. ipad没试, 不建议ipad用这个.

@property (nonatomic, assign) int numberOfButtonPerLine;

//是否可以通过下滑手势关闭视图, 默认为YES

@property (nonatomic, assign) BOOL useGesturer;

//是否正在显示

@property (nonatomic, getter = isShowing) BOOL show;

//初始化

- (id)initWithTitle:(NSString *)title referView:(UIView *)referView isNeed:(BOOL)need;

//添加buttonView, WHActivityView会根据buttonView的数量自动变高, 但是没有对高度上限做过多处理，莫要丧心病狂的添加太多.

- (void)addButtonView:(ButtonView *)buttonView;

- (void)show;

- (void)hide;

@end

3.WHActivityView.m文件

// WHActivityView.m

// TestActivityView

// Created by weihong xuan on 2017/3/14.

#import "WHActivityView.h"

#define BUTTON_VIEW_SIDE 80.f

#define BUTTON_VIEW_FONT_SIZE 12.f

#pragma mark - ButtonView

@interface ButtonView ()

@property (nonatomic, copy) NSString *text;

@property (nonatomic, strong) UIImage *image;

@property (nonatomic, strong) ButtonViewHandler handler;

@end

@implementation ButtonView

- (id)initWithText:(NSString *)text image:(UIImage *)image handler:(ButtonViewHandler)handler

{

self = [super init];

if (self) {

self.text = text;

self.image = image;

if (handler) {

self.handler = handler;

}

[self setup];

}

return self;

}

- (void)setup

{

self.textLabel = [[UILabel alloc]init];

self.textLabel.numberOfLines=0;

self.textLabel.text = self.text;

self.textLabel.backgroundColor = [UIColor clearColor];

self.textLabel.font = [UIFont systemFontOfSize:BUTTON_VIEW_FONT_SIZE];

self.textLabel.textAlignment = NSTextAlignmentCenter;

self.imageButton = [UIButton buttonWithType:UIButtonTypeCustom];

[self.imageButton setImage:self.image forState:UIControlStateNormal];

[self.imageButton addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];

[self addSubview:self.textLabel];

[self addSubview:self.imageButton];

self.translatesAutoresizingMaskIntoConstraints = NO;

self.textLabel.translatesAutoresizingMaskIntoConstraints = NO;

self.imageButton.translatesAutoresizingMaskIntoConstraints = NO;

CGSize size=[self.text boundingRectWithSize:CGSizeMake(BUTTON_VIEW_SIDE, 50) options:NSStringDrawingUsesFontLeading|NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:BUTTON_VIEW_FONT_SIZE]} context:nil].size;

self.textLabel.frame=CGRectMake(0, 0, BUTTON_VIEW_SIDE, size.height);

// self.imageButton.frame=CGRectMake(0, 0, BUTTON_VIEW_SIDE, size.height);

NSLayoutConstraint *constraint = nil;

NSDictionary *views = @{@"textLabel": self.textLabel, @"imageButton": self.imageButton};

NSArray *constraints = nil;

//view的宽高为70

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:90];

[self addConstraint:constraint];

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:BUTTON_VIEW_SIDE];

[self addConstraint:constraint];

//label紧贴view的左右

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[textLabel]|" options:0 metrics:nil views:views];

[self addConstraints:constraints];

//imageView距离view左右各10, imageView的宽为50

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-13-[imageButton(50)]-7-|" options:0 metrics:nil views:views];

[self addConstraints:constraints];

//竖直方向imageView和textLabel在一条直线上, 并且挨着, imageView的高为50

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[imageButton(50)]-0-[textLabel]|" options:NSLayoutFormatAlignAllCenterX metrics:nil views:views];

[self addConstraints:constraints];

}

- (void)buttonClicked:(UIButton *)button

{

if (self.handler) {

self.handler(self);

}

else

{

return;

}

if (self.activityView) {

[self.activityView hide];

}

@end

#define ICON_VIEW_HEIGHT_SPACE 8

#pragma mark - HYActivityView

@interface WHActivityView ()

@property (nonatomic, copy) NSString *title;

//将要显示在该视图上

@property (nonatomic, weak) UIView *referView;

//内容窗口

@property (nonatomic, strong) UIView *contentView;

//透明的关闭按钮

@property (nonatomic, strong) UIButton *closeButton;

//按钮加载的view

@property (nonatomic, strong) UIView *iconView;

//button数组

@property (nonatomic, strong) NSMutableArray *buttonArray;

//行数

@property (nonatomic, assign) int lines;

//目前正在生效的numberOfButtonPerLine

@property (nonatomic, assign) int workingNumberOfButtonPerLine;

//按钮间的间隔大小

@property (nonatomic, assign) CGFloat buttonSpace;

//消失的时候移除

@property (nonatomic, strong) NSLayoutConstraint *contentViewAndViewConstraint;

//iconView高度的constraint

@property (nonatomic, strong) NSLayoutConstraint *iconViewHeightConstraint;

//buttonView的constraints

@property (nonatomic, strong) NSMutableArray *buttonConstraintsArray;

@end

@implementation WHActivityView

- (void)dealloc

{

[[NSNotificationCenter defaultCenter]removeObserver:self name:UIDeviceOrientationDidChangeNotification object:nil];

}

- (id)initWithTitle:(NSString *)title referView:(UIView *)referView isNeed:(BOOL)need

{

self = [super init];

if (self) {

self.title = title;

if (referView) {

self.referView = referView;

}

isNeed=need;

[self setup];

[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(deviceRotate:) name:UIDeviceOrientationDidChangeNotification object:nil];

}

return self;

}

- (void)calculateButtonSpaceWithNumberOfButtonPerLine:(int)number

{

self.buttonSpace = (self.referView.bounds.size.width - BUTTON_VIEW_SIDE * number) / (number + 1);

if (self.buttonSpace < 0) {

[self calculateButtonSpaceWithNumberOfButtonPerLine:4];

} else {

self.workingNumberOfButtonPerLine = number;

}

- (void)setup

{

self.buttonArray = [NSMutableArray array];

self.buttonConstraintsArray = [NSMutableArray array];

self.lines = 0;

self.numberOfButtonPerLine = 4;

self.useGesturer = YES;

//遮盖的背景颜色

self.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.6f];

self.contentView = [[UIView alloc]init];

//容器的背景颜色

self.bgColor = [UIColor colorWithRed:242/255.0 green:242/255.0 blue:242/255.0 alpha:1.0f];

[self addSubview:self.contentView];

self.closeButton = [UIButton buttonWithType:UIButtonTypeCustom];

[self.closeButton addTarget:self action:@selector(closeButtonClicked:) forControlEvents:UIControlEventTouchUpInside];

[self addSubview:self.closeButton];

//标题

self.titleLabel = [[UILabel alloc]init];

self.titleLabel.backgroundColor = [UIColor clearColor];

self.titleLabel.textAlignment = NSTextAlignmentCenter;

self.titleLabel.font = [UIFont systemFontOfSize:17.f];

self.titleLabel.text = self.title;

[self.contentView addSubview:self.titleLabel];

//取消按钮

self.cancelButton = [UIButton buttonWithType:UIButtonTypeCustom];

self.cancelButton.backgroundColor=[UIColor whiteColor];

[self.cancelButton setTitle:@"取消" forState:UIControlStateNormal];

[self.cancelButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

[self.cancelButton addTarget:self action:@selector(closeButtonClicked:) forControlEvents:UIControlEventTouchUpInside];

[self.contentView addSubview:self.cancelButton];

self.iconView = [[UIView alloc]init];

[self.contentView addSubview:self.iconView];

self.translatesAutoresizingMaskIntoConstraints = NO;

self.contentView.translatesAutoresizingMaskIntoConstraints = NO;

self.closeButton.translatesAutoresizingMaskIntoConstraints = NO;

self.titleLabel.translatesAutoresizingMaskIntoConstraints = NO;

self.cancelButton.translatesAutoresizingMaskIntoConstraints = NO;

self.iconView.translatesAutoresizingMaskIntoConstraints = NO;

[self setNeedsUpdateConstraints];

//添加下滑关闭手势

UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeHandler:)];

swipe.direction = UISwipeGestureRecognizerDirectionDown;

[self addGestureRecognizer:swipe];

}

- (void)updateConstraints

{

[super updateConstraints];

NSArray *constraints = nil;

NSLayoutConstraint *constraint = nil;

NSDictionary *views = @{@"contentView": self.contentView, @"closeButton": self.closeButton, @"cancelButton": self.cancelButton, @"titleLabel": self.titleLabel,@"iconView": self.iconView, @"view": self, @"referView": self.referView};

//view跟referView的宽高相等

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:self.referView attribute:NSLayoutAttributeWidth multiplier:1 constant:0];

[self.referView addConstraint:constraint];

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:self.referView attribute:NSLayoutAttributeHeight multiplier:1 constant:0];

[self.referView addConstraint:constraint];

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self.referView attribute:NSLayoutAttributeLeading multiplier:1 constant:0];

[self.referView addConstraint:constraint];

constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.referView attribute:NSLayoutAttributeTop multiplier:1 constant:0];

[self.referView addConstraint:constraint];

//closeButton跟view的左右挨着

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[closeButton]|" options:0 metrics:nil views:views];

[self addConstraints:constraints];

//contentView跟view的左右挨着

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[contentView]|" options:0 metrics:nil views:views];

[self addConstraints:constraints];

//垂直方向closeButton挨着contentView

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[closeButton([email protected])][contentView]" options:0 metrics:nil views:views];

[self addConstraints:constraints];

//titleLabel跟contentView左右挨着

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[titleLabel]|" options:0 metrics:nil views:views];

[self.contentView addConstraints:constraints];

//cancelButton跟contentView左右挨着

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[cancelButton]|" options:0 metrics:nil views:views];

[self.contentView addConstraints:constraints];

//iconView跟contentView左右挨着

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[iconView]|" options:0 metrics:nil views:views];

[self.contentView addConstraints:constraints];

//iconView的高度

if (self.iconViewHeightConstraint) {

[self.iconView removeConstraint:self.iconViewHeightConstraint];

}

if (isNeed) {

self.iconViewHeightConstraint = [NSLayoutConstraint constraintWithItem:self.iconView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:self.lines * BUTTON_VIEW_SIDE + (self.lines + 1) * ICON_VIEW_HEIGHT_SPACE+50];

}

else

{

if ([self.title isEqualToString:@"分享电站"]) {

}

else

{

}

[self.iconView addConstraint:self.iconViewHeightConstraint];

if (isNeed) {

//垂直方向titleLabel挨着iconView挨着cancelButton

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-15-[titleLabel(==20)]-10-[iconView]-20-[cancelButton(==55)]-0-|" options:0 metrics:nil views:views];

}

else

{

if ([self.title isEqualToString:@"分享电站"]){

//垂直方向titleLabel挨着iconView挨着cancelButton

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-15-[titleLabel(==20)]-10-[iconView]-20-[cancelButton(==55)]-0-|" options:0 metrics:nil views:views];

}

else

{

//垂直方向titleLabel挨着iconView挨着cancelButton

constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-8-[titleLabel(==0)]-10-[iconView]-20-[cancelButton(==55)]-0-|" options:0 metrics:nil views:views];

}

[self.contentView addConstraints:constraints];

}

- (void)prepareForShow

{

//计算行数

int count = (int)self.buttonArray.count;

self.lines = count / self.workingNumberOfButtonPerLine;

if (count % self.workingNumberOfButtonPerLine != 0) {

self.lines++;

}

for (int i = 0; i < [self.buttonArray count]; i++) {

ButtonView *buttonView = [self.buttonArray objectAtIndex:i];

[self.iconView addSubview:buttonView];

int y = i / self.workingNumberOfButtonPerLine;

int x = i % self.workingNumberOfButtonPerLine;

//排列buttonView的位置

NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:buttonView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.iconView attribute:NSLayoutAttributeTop multiplier:1 constant:(y + 1) * ICON_VIEW_HEIGHT_SPACE + y * BUTTON_VIEW_SIDE+(i>3?15:0)+(i>7?40:0)+(self.buttonArray.count==2?0:0)];

[self.iconView addConstraint:constraint];

[self.buttonConstraintsArray addObject:constraint];

constraint = [NSLayoutConstraint constraintWithItem:buttonView attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self.iconView attribute:NSLayoutAttributeLeading multiplier:1 constant:(x + 1) * self.buttonSpace + x * BUTTON_VIEW_SIDE];

[self.iconView addConstraint:constraint];

[self.buttonConstraintsArray addObject:constraint];

}

[self layoutIfNeeded];

}

- (void)show

{

if (self.isShowing) {

return;

}

[self.referView addSubview:self];

[self setNeedsUpdateConstraints];

self.alpha = 0;

[self prepareForShow];

self.contentViewAndViewConstraint = [NSLayoutConstraint constraintWithItem:self.contentView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeBottom multiplier:1 constant:0];

[self addConstraint:self.contentViewAndViewConstraint];

[UIView animateWithDuration:0.25f animations:^{

self.alpha = 1;

[self layoutIfNeeded];

self.show = YES;

}];

}

- (void)hide

{

if (!self.isShowing) {

return;

}

[UIView animateWithDuration:0.25f animations:^{

self.alpha = 0;

[self removeConstraint:self.contentViewAndViewConstraint];

self.contentViewAndViewConstraint = nil;

[self layoutIfNeeded];

} completion:^(BOOL finished) {

self.show = NO;

[self removeFromSuperview];

}];

}

- (void)deviceRotate:(NSNotification *)notification

{

[self.iconView removeConstraints:self.buttonConstraintsArray];

[self.buttonConstraintsArray removeAllObjects];

[self calculateButtonSpaceWithNumberOfButtonPerLine:self.numberOfButtonPerLine];

[self prepareForShow];

[self.iconView removeConstraint:self.iconViewHeightConstraint];

[self.iconView addConstraint:self.iconViewHeightConstraint];

}

- (void)setNumberOfButtonPerLine:(int)numberOfButtonPerLine

{

_numberOfButtonPerLine = numberOfButtonPerLine;

[self calculateButtonSpaceWithNumberOfButtonPerLine:numberOfButtonPerLine];

}

- (void)setBgColor:(UIColor *)bgColor

{

_bgColor = bgColor;

self.contentView.backgroundColor = bgColor;

}

- (void)addButtonView:(ButtonView *)buttonView

{

[self.buttonArray addObject:buttonView];

buttonView.activityView = self;

}

- (void)closeButtonClicked:(UIButton *)button

{

[self hide];

}

- (void)swipeHandler:(UISwipeGestureRecognizer *)swipe

{

if (self.useGesturer) {

[self hide];

}

// Only override drawRect: if you perform custom drawing.

// An empty implementation adversely affects performance during animation.

- (void)drawRect:(CGRect)rect {

// Drawing code

}

@end

4.使用WHActivityView

// ViewController.m

// TestActivityView

// Created by weihong xuan on 2017/3/14.

#import "ViewController.h"

#import "WHActivityView.h"

@interface ViewController ()

{

WHActivityView * activityView;//分享界面

}

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

UIBarButtonItem*rightBtn = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"share"] style:(UIBarButtonItemStylePlain) target:self action:@selector(btnClickShare)];

self.navigationItem.rightBarButtonItem = rightBtn;

}

//分享按钮：

-(void)btnClickShare{

//更多。用于分享及编辑

for (UIView *sub in [activityView subviews]) {

[sub removeFromSuperview];

}

[activityView removeFromSuperview];

activityView=nil;

if (!activityView)

{

activityView = [[WHActivityView alloc]initWithTitle:nil referView:[self.view window] isNeed:NO];

//横屏会变成一行6个, 竖屏无法一行同时显示6个, 会自动使用默认一行4个的设置.

activityView.numberOfButtonPerLine = 6;

__weak __typeof(self) weakSelf = self;

ButtonView *bv = [[ButtonView alloc]initWithText:@"QQ好友" image:[UIImage imageNamed:@"QQ"] handler:^(ButtonView *buttonView){

[weakSelf share:1];//QQ好友

}];

[activityView addButtonView:bv];

bv = [[ButtonView alloc]initWithText:@"微信好友" image:[UIImage imageNamed:@"weixin"] handler:^(ButtonView *buttonView){

[weakSelf share:2];//微信好友

}];

[activityView addButtonView:bv];

bv = [[ButtonView alloc]initWithText:@"朋友圈" image:[UIImage imageNamed:@"Wechat"] handler:^(ButtonView *buttonView){

[weakSelf share:3];//微信朋友圈

}];

[activityView addButtonView:bv];

bv = [[ButtonView alloc]initWithText:@"新浪微博" image:[UIImage imageNamed:@"sina"] handler:^(ButtonView *buttonView){

[weakSelf share:4];//新浪微博

}];

[activityView addButtonView:bv];

bv = [[ButtonView alloc]initWithText:@"QQ空间" image:[UIImage imageNamed:@"QZone"] handler:^(ButtonView *buttonView){

[weakSelf share:5];//QQ空间

}];

[activityView addButtonView:bv];

bv = [[ButtonView alloc]initWithText:@"复制链接" image:[UIImage imageNamed:@"copy"] handler:^(ButtonView *buttonView){

[weakSelf share:6];//复制链接成功提示

}];

[activityView addButtonView:bv];

[activityView show];

}

-(void)share:(int)type{

//分享代码；

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

相关推荐