仿微信分享界面(自定义分享UI)

最近工作之余觉得可以写点东西然后贡献出来,分享给大家。
现在APP 都会用到第三方分享功能,但是目前ShareSDK 和UMengSDK 的自带的分享UI界面相比其它APP分享UI界面确实太丑,所以决定自己写一个,我本人非UI设计,就找了个微信的分享界面仿写了一个。
这里是微信的分享界面:


仿微信分享界面(自定义分享UI)_第1张图片
7697114ABE2400B8C48A05BB51459714.png

确实很漂亮 动画也柔和。

下面的是我自己的作品,UI上基本雷同,动画也相当柔和。

仿微信分享界面(自定义分享UI)_第2张图片
299015AB-3773-4891-AE7D-3CF723F63B4F.png

微信的分享界面组成元素相对比较复杂一些,具体有哪些模块呢,下面是我本人的一些分析:
第一:大的灰色背景:UIView;
第二:下面的是一个小的UIView 作为一个容器,装了一个Label,装了一个TableView 最下面是一个Button
第三:TableViewCell 中是一个UICollectionView,并且支持左右滑动。

页面分析完,下面就可以动工了。
我就直接贴代码了:这里是代码地址

如何使用??非常简单

仿微信分享界面(自定义分享UI)_第3张图片
8F2AFAF6-0560-4942-B5FA-B5ACC7F3AA44.png
 [[ShareUIView alloc]initWithProText:@"www.gtlandLeeMiao.com" ].cellClickblock = ^(ShareUISelcetIndex clickIndex) {
        NSLog(@"ShareUISelcetIndex = %ld",clickIndex);
        if (clickIndex == ShareUISelcetIndexSafari) {
            NSString *url =@"http://www.baidu.com";//把http://带上
            [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url] options:nil completionHandler:^(BOOL success) {
            }];
        }
    };

注意事项:工程中一定要将 微信 QQ 微博 添加白名单才能显示出来。

源码地址-->https://github.com/limiaohappy/ShareUIxx.git

你可能感兴趣的:(仿微信分享界面(自定义分享UI))