shareSDK自定义分享界面UI

最新推荐文章于 2021-04-04 07:13:22 发布
最新推荐文章于 2021-04-04 07:13:22 发布
阅读量4.3k 收藏 1
点赞数
分类专栏： iOS 文章标签： 界面 delegate ios objective-c ios开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ant_Huzi/article/details/50437487
版权

如果要用shareSDK自带的UI，分享界面是不能修改的，只能更改分享平台的小图标和小图标下面的文字，如果非要更改分享界面，只能自己画UI，然后调用shareSDK的无UI分享方法。shareSDK技术支持给了一个链接，让我参考，点击进入，于是我自定义了一个分享类，然后只需要在分享事件的方法中构建分享内容publishContent，

?
1
传入[ShareCustom shareWithContent:publishContent];即可

 

下面是设计给的标注图以及我做出来的效果图：

\\

 

下面是实现代码：（我自定义了一个专门分享的类）

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//下面是.h文件
//  Copyright (c) 2015年 yanhong. All rights reserved.
//
 
# import <foundation foundation.h= "" >
/*
     自定义的分享类，使用的是类方法，其他地方只要 构造分享内容publishContent就行了
  */
@interface ShareCustom : NSObject
 
+( void )shareWithContent:(id)publishContent; //自定义分享界面
 
@end
</foundation>

 

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
//下面是.m文件
//  Copyright (c) 2015年 yanhong. All rights reserved.
//
 
# import "ShareCustom.h"
# import <quartzcore quartzcore.h= "" >
# import <sharesdk sharesdk.h= "" >
//设备物理大小
#define kScreenWidth   [UIScreen mainScreen].bounds.size.width
#define kScreenHeight  [UIScreen mainScreen].bounds.size.height
#define SYSTEM_VERSION   [[UIDevice currentDevice].systemVersion floatValue]
//屏幕宽度相对iPhone6屏幕宽度的比例
#define KWidth_Scale    [UIScreen mainScreen].bounds.size.width/ 375 .0f
@implementation ShareCustom
 
static id _publishContent; //类方法中的全局变量这样用（类型前面加static）
 
/*
  自定义的分享类，使用的是类方法，其他地方只要 构造分享内容publishContent就行了
  */
 
+( void )shareWithContent:(id)publishContent /*只需要在分享按钮事件中 构建好分享内容publishContent传过来就好了*/
{
     _publishContent = publishContent;
     UIWindow *window = [UIApplication sharedApplication].keyWindow;
     
     UIView *blackView = [[UIView alloc] initWithFrame:CGRectMake( 0 , 0 , kScreenWidth, kScreenHeight)];
     blackView.backgroundColor = [UIColor colorWithString:@ "000000" Alpha: 0 .85f];
     blackView.tag = 440 ;
     [window addSubview:blackView];
     
     UIView *shareView = [[UIView alloc] initWithFrame:CGRectMake((kScreenWidth- 300 *KWidth_Scale)/ 2 .0f, (kScreenHeight- 270 *KWidth_Scale)/ 2 .0f, 300 *KWidth_Scale, 270 *KWidth_Scale)];
     shareView.backgroundColor = [UIColor colorWithString:@ "f6f6f6" ];
     shareView.tag = 441 ;
     [window addSubview:shareView];
     
     UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake( 0 , 0 , shareView.width, 45 *KWidth_Scale)];
     titleLabel.text = @ "分享到" ;
     titleLabel.textAlignment = NSTextAlignmentCenter;
     titleLabel.font = [UIFont systemFontOfSize: 15 *KWidth_Scale];
     titleLabel.textColor = [UIColor colorWithString:@ "2a2a2a" ];
     titleLabel.backgroundColor = [UIColor clearColor];
     [shareView addSubview:titleLabel];
     
     NSArray *btnImages = @[@ "IOS-微信@2x.png" , @ "IOS-朋友圈@2x.png" , @ "IOS-qq@2x.png" , @ "IOS-空间@2x.png" , @ "IOS-微信收藏@2x.png" , @ "IOS-微博@2x.png" , @ "IOS-豆瓣@2x.png" , @ "IOS-短信@2x.png" ];
     NSArray *btnTitles = @[@ "微信好友" , @ "微信朋友圈" , @ "QQ好友" , @ "QQ空间" , @ "微信收藏" , @ "新浪微博" , @ "豆瓣" , @ "短信" ];
     for (NSInteger i= 0 ; i< 8 ; i++) {
         CGFloat top = 0 .0f;
         if (i< 4 ) {
             top = 10 *KWidth_Scale;
             
         } else {
             top = 90 *KWidth_Scale;
         }
         UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake( 10 *KWidth_Scale+(i% 4 )* 70 *KWidth_Scale, titleLabel.bottom+top, 70 *KWidth_Scale, 70 *KWidth_Scale)];
         [button setImage:[UIImage imageNamed:btnImages[i]] forState:UIControlStateNormal];
         [button setTitle:btnTitles[i] forState:UIControlStateNormal];
         button.titleLabel.font = [UIFont systemFontOfSize: 11 *KWidth_Scale];
         button.titleLabel.textAlignment = NSTextAlignmentCenter;
         [button setTitleColor:[UIColor colorWithString:@ "2a2a2a" ] forState:UIControlStateNormal];
         
         [button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentCenter];
         [button setContentVerticalAlignment:UIControlContentVerticalAlignmentTop];
         [button setImageEdgeInsets:UIEdgeInsetsMake( 0 , 15 *KWidth_Scale, 30 *KWidth_Scale, 15 *KWidth_Scale)];
         if (SYSTEM_VERSION >= 8 .0f) {
             [button setTitleEdgeInsets:UIEdgeInsetsMake( 45 *KWidth_Scale, - 40 *KWidth_Scale, 5 *KWidth_Scale, 0 )];
         } else {
             [button setTitleEdgeInsets:UIEdgeInsetsMake( 45 *KWidth_Scale, - 90 *KWidth_Scale, 5 *KWidth_Scale, 0 )];
         }
         
         button.tag = 331 +i;
         [button addTarget:self action: @selector (shareBtnClick:) forControlEvents:UIControlEventTouchUpInside];
         [shareView addSubview:button];
     }
     
     UIButton *cancleBtn = [[UIButton alloc] initWithFrame:CGRectMake((shareView.width- 40 *KWidth_Scale)/ 2 .0f, shareView.height- 40 *KWidth_Scale- 18 *KWidth_Scale, 40 *KWidth_Scale, 40 *KWidth_Scale)];
     [cancleBtn setBackgroundImage:[UIImage imageNamed:@ "IOS-取消@2x.png" ] forState:UIControlStateNormal];
     cancleBtn.tag = 339 ;
     [cancleBtn addTarget:self action: @selector (shareBtnClick:) forControlEvents:UIControlEventTouchUpInside];
     [shareView addSubview:cancleBtn];
     
     //为了弹窗不那么生硬，这里加了个简单的动画
     shareView.transform = CGAffineTransformMakeScale( 1 / 300 .0f, 1 / 270 .0f);
     blackView.alpha = 0 ;
     [UIView animateWithDuration: 0 .35f animations:^{
         shareView.transform = CGAffineTransformMakeScale( 1 , 1 );
         blackView.alpha = 1 ;
     } completion:^(BOOL finished) {
         
     }];
}
 
+( void )shareBtnClick:(UIButton *)btn
{
     //    NSLog(@"%@",[ShareSDK version]);
     UIWindow *window = [UIApplication sharedApplication].keyWindow;
     UIView *blackView = [window viewWithTag: 440 ];
     UIView *shareView = [window viewWithTag: 441 ];
     
     //为了弹窗不那么生硬，这里加了个简单的动画
     shareView.transform = CGAffineTransformMakeScale( 1 , 1 );
     [UIView animateWithDuration: 0 .35f animations:^{
         shareView.transform = CGAffineTransformMakeScale( 1 / 300 .0f, 1 / 270 .0f);
         blackView.alpha = 0 ;
     } completion:^(BOOL finished) {
         
         [shareView removeFromSuperview];
         [blackView removeFromSuperview];
     }];
     
     int shareType = 0 ;
     id publishContent = _publishContent;
     switch (btn.tag) {
         case 331 :
         {
             shareType = ShareTypeWeixiSession;
         }
             break ;
             
         case 332 :
         {
             shareType = ShareTypeWeixiTimeline;
         }
             break ;
             
         case 333 :
         {
             shareType = ShareTypeQQ;
         }
             break ;
             
         case 334 :
         {
             shareType = ShareTypeQQSpace;
         }
             break ;
             
         case 335 :
         {
             shareType = ShareTypeWeixiFav;
         }
             break ;
             
         case 336 :
         {
             shareType = ShareTypeSinaWeibo;
         }
             break ;
             
         case 337 :
         {
             shareType = ShareTypeDouBan;
         }
             break ;
             
         case 338 :
         {
             shareType = ShareTypeSMS;
         }
             break ;
             
         case 339 :
         {
             
         }
             break ;
             
         default :
             break ;
     }
     
     /*
         调用shareSDK的无UI分享类型，
         链接地址：http://bbs.mob.com/forum.php?mod=viewthread&tid=110&extra=page%3D1%26filter%3Dtypeid%26typeid%3D34
      */
     [ShareSDK showShareViewWithType:shareType container:nil content:publishContent statusBarTips:YES authOptions:nil shareOptions:nil result:^(ShareType type, SSResponseState state, id<issplatformshareinfo> statusInfo, id<icmerrorinfo> error, BOOL end) {
         if (state == SSResponseStateSuccess)
         {
//            NSLog(NSLocalizedString(@"TEXT_ShARE_SUC", @"分享成功"));
         }
         else if (state == SSResponseStateFail)
         {
             UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@ "" message:@ "未检测到客户端 分享失败" delegate:self cancelButtonTitle:@ "确定" otherButtonTitles:nil, nil];
             [alert show];
//            NSLog(NSLocalizedString(@"TEXT_ShARE_FAI", @"分享失败,错误码:%d,错误描述:%@"), [error errorCode], [error errorDescription]);
         }
     }];
     
     
     
}
@end
</icmerrorinfo></issplatformshareinfo></sharesdk></quartzcore>

为了方便快速移植，我这里贴一段构建分享内容的代码

 

 

?
1
2
3
4
5
6
7
8
9
10
//构造分享内容
     id<isscontent> publishContent = [ShareSDK content:str1
                                        defaultContent:str1
                                                 image:nil
                                                 title:@ " "
                                                   url:urlString
                                           description:str1
                                             mediaType:SSPublishContentMediaTypeText];
     //调用自定义分享
     [ShareCustom shareWithContent:publishContent];</isscontent>
Ant_Huizi
关注
专栏目录
ShareSDK自定义UI界面
12-13
总的来说，ShareSDK提供了强大的自定义功能，允许开发者根据自己的需求定制分享界面和流程。通过合理的布局设计和事件处理，可以打造出与应用风格一致且用户体验良好的分享功能。同时，持续关注ShareSDK的更新和优化...
ios-自定义分享页面.zip
07-11
自定义分享页面,用shareSDK库,代码在我的github上说明 https://github.com/Josin22/JSShareView(文件太大)
自定义友盟分享界面iOS
热门推荐
风未止
10-09 2万+
提要： 使用代码实现友盟分享弹出的选择界面的自定义方法，不同的按钮实现相应的第三方分享。 1、项目需求 1.1.1：下面是我们项目的需求图：（如果用原生的是一行四个按钮） 1.1.2：友盟注册，以及SDK下载和导入项目不在说，具体请参照   友盟分享具体操作。 2、界面 2.1.1：本人使用了九宫格布局，为了方便大家，我给大家提供一个链接地址：（暂时还未整理好，需要的联系我
ShareSdk分享配置的软件图标不能正常显示
weixin_44575660的博客
08-23 250
修改之前(关键信息已删除) MobSDK { appKey "" appSecret "" //第三方平台配置 ShareSDK { Email { id 12 sortId 12 enable true } ShortMessage { id
Android ShareSDK 修改分享功能展示界面
思念叨火车的专栏
05-27 3527
1、要求的布局效果类似下面这样 2、着手开始 由于是接手的项目，不是自己从头开始做的，对shareSDK还不是很熟，就去官网学习了一下。 完整的sdk集成文档链接：http://wiki.mob.com/android-sharesdk%E5%AE%8C%E6%95%B4%E7%9A%84%E9%9B%86%E6%88%90%E6%96%87%E6%A1%A3/ 貌
ShareSDK自定义分享
12-11
当用户在自定义界面上选择某个平台并触发分享操作时，你需要调用ShareSDK提供的接口，传入用户选择的平台和分享内容。 3. **调用ShareSDK接口**：ShareSDK提供了`ShareParams`类，用于设置分享内容，如标题、描述、...
利用shareSDK实现分享，自定义了分享界面
09-02
在Android应用开发中，分享功能是一项常见的需求，可以让用户方便地将内容分享到各种社交平台。...通过以上步骤，你可以实现一个具有自定义界面的分享功能，使用户能够在你的应用中轻松分享内容到不同的社交平台。
android手机应用源码ShareSDK超级强大的社会化分享（强大分享界面UI).rar
最新发布
05-20
这个压缩包文件包含了一套完整的ShareSDK源码，以及一个拥有强大分享界面UI的应用示例，非常适合Android开发者学习和使用。 在Android应用开发中，集成社会化分享功能是一项常见的需求，它可以帮助用户快速地将应用...
友盟分享自定义分享界面
12-19
友盟分享自定义分享界面
JAVA制作的WAR3 LOADING界面UI
06-21
JAVA制作的WAR3 LOADING界面UI，只是一个界面
自定义ShareSDK分享平台界面
12-16
1.自定义ShareSDK分享平台界面 2.实现分享到微信、朋友圈、新浪微博、QQ空间、短信 等功能
ShareSdk集成之一，植入代码，可修改图标，修改分享样式
Tangsan6666的博客
04-27 961
一、资料准备  1、官方后台创建开发者账号，创建应用，获取key   2、下载sdk；勾选要集成的平台；    3、解压文件夹，得到以下目录；3、再次生成需要的平台后二、集成shareSdk 1、（官方集成的第一种方式）   直接复制jar和资源的方式，可以参考ShareSDK的Sample项目。 使用复制jar的方法，需要除了复制MainLibs/libs中的jar外，还需要复制  MainLi...
sharesdk修改UI界面
huaxa程序猿
01-12 1003
看官方提供的方法： 点击打开链接
php底部弹出选择,iOS 自定义微信分享底部弹出选择界面
weixin_39533174的博客
04-04 109
//// ShareCustom.m// HengTaiXinGolf//// Created by 欧阳荣 on 16/3/22.// Copyright © 2016年 HengTaiXinGolf. All rights reserved.//#import"ShareCustom.h"#import"WXApi.h"//设备物理大小#define kScreenWidth [U...
自定义ShareSDK的分享界面
ZT
11-18 2047
在上篇文章里写到ShareSDK的集成和使用方法，大家可以看到使用Mob里ShareSDK为我们默认提供的分享弹窗默认从底部弹出并且显示在底部的位置，相对比较单调。不是那么的漂亮。这时我们就想能否把分享的view居中显示在手机中部，并且添加一些提示信息和一个取消分享按钮。真强用户的体验性 默认的分享界面风格： 修改后的： 对比后是不是后者的分享界面更加的漂亮些呢。 好，咱们废话
如何编辑shareSDK分享功能九宫格
yizunda的专栏
11-04 1771
在做分享功能时想删除一些九宫格上的图标，条件反射的去翻源码，结果好了，一顿操作找到PlatformPage下： protected ArrayList collectCells() { ArrayList cells = new ArrayList(); Platform[] platforms = ShareSDK.getPlatformList(); if (platforms
用于分享到个平台的竖直列表和九宫格
dawnZeng的博客
07-25 367
用于分享到个平台的竖直列表和九宫格 1.主界面代码比较简单，使用ActionSheet，需要导入相应的包 implementation 'com.baoyz.actionsheet:library:1.1.5' public class MainActivity extends AppCompatActivity { Button main_button; Button...
Android自定义手势解锁UI实现
在Android开发中，有时我们需要为应用程序添加自定义的UI元素以提升用户体验，手势密码就是一种常见的安全功能，它允许用户通过画出特定的手势来解锁或验证身份。这篇教程将详细介绍如何在Android中创建一个简单版本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值