自定义社交化分享面板

1、shardSDK的分享面板我们不要说他丑了,虽然它确实不好看。那么自己动手丰衣足食,那就果断自定义一个吧:(支持QQ\微信\QQZone\朋友圈\收藏,弹出和收回动画、点击背景隐藏)

//
//  ShareCustom.m
//  mplus
//
//  Created by Axiba on 16/3/27.
//  Copyright © 2016年 Zero. All rights reserved.
//

#import "ShareCustom.h"
#import "UIView+Extension.h"
#import "NSString+Extension.h"
#import <QuartzCore/QuartzCore.h>
#import <ShareSDK/ShareSDK.h>
#import <ShareSDKUI/ShareSDK+SSUI.h>

@implementation ShareCustom

static NSMutableDictionary *_publishContent;//类方法中的全局变量这样用(类型前面加static)

+(void)shareWithContent:(NSMutableDictionary *)publishContent
{
    _publishContent = publishContent;
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    
    //背景颜色
    UIView *blackView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, fDeviceWidth, fDeviceHeight)];
    blackView.backgroundColor = XBAColor(0, 0, 0, 0.6);
    blackView.tag = 440;
    UITapGestureRecognizer *blackGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(cancelPanGesture)];
    [blackView addGestureRecognizer:blackGestureRecognizer];
    blackView.userInteractionEnabled = YES;
    [window addSubview:blackView];
    
    //分享面板
    UIView *shareView = [[UIView alloc] initWithFrame:CGRectMake(0, fDeviceHeight-300*KWidth_Scale, fDeviceWidth, 300*KWidth_Scale)];
    shareView.backgroundColor = XBColor(241, 244, 245);
    shareView.tag = 441;
    [window addSubview:shareView];
    
    //顶部的文字
    UILabel *titleLabel = [[UILabel alloc] init];
    titleLabel.text = @"分享给好友";
    CGSize createSize = [titleLabel.text sizeWithTextFont:[UIFont systemFontOfSize:16*KWidth_Scale]];
    titleLabel.frame = (CGRect){{0, 16*KWidth_Scale}, createSize};
    titleLabel.centerX = shareView.centerX;
    titleLabel.textAlignment = NSTextAlignmentCenter;
    titleLabel.font = [UIFont systemFontOfSize:16*KWidth_Scale];
    titleLabel.textColor = XBColor(51, 51, 51);
    titleLabel.backgroundColor = [UIColor clearColor];
    [shareView addSubview:titleLabel];
    
    //文字左\右边的线条
    UIView *nothingImg = [[UIView alloc] init];
    nothingImg.backgroundColor = XBColor(220,220,220);
    nothingImg.height = 0.5;
    nothingImg.width = (shareView.width - (30 + 40)*KWidth_Scale - titleLabel.width)/2;
    nothingImg.y = titleLabel.centerY;
    nothingImg.x = 20*KWidth_Scale;
    [shareView addSubview:nothingImg];
    
    UIView *nothingRImg = [[UIView alloc] init];
    nothingRImg.backgroundColor = XBColor(220,220,220);
    nothingRImg.height = 0.5;
    nothingRImg.width = (shareView.width - (30 + 40)*KWidth_Scale - titleLabel.width)/2;
    nothingRImg.y = titleLabel.centerY;
    nothingRImg.x = shareView.width - 20*KWidth_Scale - nothingRImg.width;
    [shareView addSubview:nothingRImg];
    
    NSArray *btnImages = @[@"分享-QQ空间", @"分享_qq_icon", @"分享_微信_icon", @"分享_朋友圈_icon",  @"分享-复制链接"];
    NSArray *btnTitles = @[@"QQ空间", @"QQ",  @"微信", @"朋友圈", @"复制"];
    CGFloat textlbH = 0;
    for (NSInteger i=0; i < btnImages.count; i++) {
        
        UIImage *img = [UIImage imageNamed:btnImages[i]];
        UIButton *button = [[UIButton alloc] init];
        [button setImage:img forState:UIControlStateNormal];
        
        CGFloat top = 0.0f;
        if (i<4) {
            top = 20*KWidth_Scale;
            
        }else{
            top = (20 + img.size.width + 28)*KWidth_Scale + textlbH;
        }
        CGFloat margin = (mainSize.width - img.size.width*KWidth_Scale*4)/5;
        
        button.x = (i%4 + 1)*margin + (i%4)*img.size.width*KWidth_Scale;
        button.y = CGRectGetMaxY(titleLabel.frame) + top;
        button.width = img.size.width*KWidth_Scale;
        button.height = img.size.height*KWidth_Scale;
        button.tag = 331+i;
        [button addTarget:self action:@selector(shareBtnClick:) forControlEvents:UIControlEventTouchUpInside];

        [shareView addSubview:button];
        
        UILabel *createlb = [[UILabel alloc]init];
        CGSize createSize = [btnTitles[i] sizeWithTextFont:[UIFont systemFontOfSize:12]];
        createlb.frame = (CGRect){{0, CGRectGetMaxY(button.frame) + 8*KWidth_Scale}, createSize};
        createlb.centerX = button.centerX;
        createlb.textAlignment = NSTextAlignmentCenter;
        createlb.text = btnTitles[i];
        createlb.textColor = XBAColor(51, 51, 51, 1);
        createlb.font = [UIFont systemFontOfSize:12];
        textlbH = createlb.height;
        [shareView addSubview:createlb];

    }
    
    UIButton *cancleBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, shareView.height-44*KWidth_Scale, mainSize.width, 44*KWidth_Scale)];
    [cancleBtn setTitle:@"取消" forState:UIControlStateNormal];
    [cancleBtn setBackgroundColor:XBColor(255, 255, 255)];
    [cancleBtn setTitleColor:XBAColor(51, 51, 51, 1) forState:UIControlStateNormal];
    cancleBtn.titleLabel.font = [UIFont systemFontOfSize:17*KWidth_Scale];
    cancleBtn.tag = 339;
    [cancleBtn addTarget:self action:@selector(cancelWithRemoveShareView) forControlEvents:UIControlEventTouchUpInside];
    [shareView addSubview:cancleBtn];
    
    //为了弹窗不那么生硬,这里加了个简单的动画
    shareView.frame = CGRectMake(0, mainSize.height, shareView.width, shareView.height);
    [UIView animateWithDuration:0.35f animations:^{
        shareView.frame = CGRectMake(0, mainSize.height-shareView.height,  shareView.width, shareView.height);
    }];
}

+(void)shareBtnClick:(UIButton *)btn
{
    //移除分享面板
    [self cancelWithRemoveShareView];
    
    int shareType = 0;
    NSMutableDictionary *publishContent = _publishContent;
    switch (btn.tag) {
        case 331:
        {
            shareType = SSDKPlatformSubTypeQZone;
        }
            break;
            
        case 332:
        {
            shareType = SSDKPlatformSubTypeQQFriend;
        }
            break;
            
        case 333:
        {
            shareType = SSDKPlatformSubTypeWechatSession;
        }
            break;
        case 334:
        {
            shareType = SSDKPlatformSubTypeWechatTimeline;
        }
            break;
        case 335:
        {
            shareType = SSDKPlatformTypeCopy;
        }
            break;
            
        default:
            break;
    }
    
    /*
     调用shareSDK的无UI分享类型
     */
    [ShareSDK share:shareType parameters:publishContent onStateChanged:^(SSDKResponseState state, NSDictionary *userData, SSDKContentEntity *contentEntity, NSError *error) {
        
        switch (state) {
            case SSDKResponseStateSuccess:
            {
                NSString *resulTitle = [NSString stringWithFormat:(shareType == SSDKPlatformTypeCopy) ? @"复制成功" : @"分享成功"];
                UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:resulTitle
                                                                    message:nil
                                                                   delegate:nil
                                                          cancelButtonTitle:@"确定"
                                                          otherButtonTitles:nil];
                [alertView show];
                break;
            }
            case SSDKResponseStateFail:
            {
                UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"分享失败"
                                                                message:[NSString stringWithFormat:@"%@",error]
                                                               delegate:nil
                                                      cancelButtonTitle:@"OK"
                                                      otherButtonTitles:nil, nil];
                [alert show];
                break;
            }
            default:
                break;
        }
    }];
}

+(void)cancelWithRemoveShareView{
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    UIView *blackView = [window viewWithTag:440];
    UIView *shareView = [window viewWithTag:441];
    
    //为了移除弹窗不那么生硬,这里加了个简单的动画
    shareView.frame = CGRectMake(0, mainSize.height-shareView.height, shareView.width, shareView.height);
    [UIView animateWithDuration:0.35f animations:^{
        shareView.frame = CGRectMake(0, mainSize.height,  shareView.width, shareView.height);
    } completion:^(BOOL finished) {
        
        [shareView removeFromSuperview];
        [blackView removeFromSuperview];
    }];
}
+(void)cancelPanGesture{
    [self cancelWithRemoveShareView];
}

@end

2、那么调用这个自定义类的方式就是:

-(void)shareURL:(UIButton *)button{
    
    NSArray* imageArray = @[[UIImage imageNamed:@"logo-图标"]];
    NSMutableDictionary *shareParams = [NSMutableDictionary dictionary];
    [shareParams SSDKSetupShareParamsByText:@"山重水复疑无路,柳暗花明还不行"
                                     images:imageArray
                                        url:[NSURL URLWithString:@"http://www.jianshu.com/p/f3d62ad7a2bb"]
                                      title:@"山重水复疑无路,柳暗花明还不行"
                                       type:SSDKContentTypeAuto];
    
    //调用自定义分享
    [ShareCustom shareWithContent:shareParams];
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,465评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 儿子四岁多了,语言突飞猛进,有时让我们惊诧不已,有时又让我们引俊不禁。 1、大清早,一家三口去诊所按摩。停车场上车...
    微霞满天阅读 503评论 2 3
  • 本文摘自《米其林大师从未说出的34条成功哲学》,作者本田直之通过采访进军国际,并获得一定成就的15位名厨及侍酒师,...
    努力攒钱的二花阅读 332评论 0 0