iOS端如何实现带UI截屏分享

162 阅读2分钟

下载资源文件

1.1 需要开发者 点击这里 来下载分享的demo

1.2 需要 点击这里 下载SDK

导入SDK以及相关文件

需要导入下载的SDK资源文件以及UI截屏所需要的6个文件,如下图:

微信图片_20220823181227.jpg

注意:在导入的过程中,需要勾选以下3个:

微信图片_20220823181300.jpg

添加依赖库

微信图片_20220823181745.jpg

微信图片_20220823181750.jpg

点击 “+” 号,并在弹框里输入以下依赖库,进行添加

必要依赖库:

  • libc++.tbd
  • libz.tbd
  • libsqlite3.tbd

初始化SDK

在项目默认的plist文件里 配置ShareSDK的AppKey和AppSecret,键分别为 MOBAppKey 和 MOBAppSecret ,值为之前在MobTech官网开发者后台申请的AppKey和AppSecret( 注意配置之后保存好,然后看项目的Info选项里有没有

7.jpg

初始化第三方平台

在Appdelegate.m里的启动方法didFinishLaunchingWithOptions中加入初始化的方法以及启动截屏监听的方法,如下:

#import "MobScreenshotCenter.h"
#import <ShareSDK/ShareSDK.h>

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
     [ShareSDK registPlatforms:^(SSDKRegister *platformsRegister) {
                //QQ
               [platformsRegister setupQQWithAppId:@"100371282"
 appkey:@"aed9b0303e3ed1e27bae87c33761161d" enableUniversalLink:YES universalLink:
@"https://70imc.share2dlink.com/qq_conn/100371282"];


                //更新到4.3.3或者以上版本,微信初始化需要使用以下初始化
                [platformsRegister setupWeChatWithAppId:
                @"wx617c77c82218ea2c" appSecret:
                @"c7253e5289986cf4c4c74d1ccc185fb1" universalLink:
                @"https://70imc.share2dlink.com/"];


                //新浪
                [platformsRegister setupSinaWeiboWithAppkey:
                @"568898243" appSecret:@"38a4f8204cc784f81f9f0daaf31e02e3" redirectUrl:
                @"http://www.sharesdk.cn" universalLink:@"https://70imc.share2dlink.com/"];

        }];
    //启动截屏监听
    [[MobScreenshotCenter shareInstance] start];
    return YES;

}

以上几步就可以完成带UI的截屏分享,开发者如果要修改构造分享参数的话,可以在这里修改

修改分享参数

微信图片_20220823182713.jpg

截屏UI效果展示

注意UI有2种UI样式:

第一种:全屏幕主要界面

微信图片_20220823182719.jpg

效果图:

第二种:提示界面

需要换以下方法类型

[self _screenCaptureShareWithMode:SSEScreenCaptureUIModeAlert
                                              duration:3.0
                                    useClientShare:YES];

效果图: