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

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


7697114ABE2400B8C48A05BB51459714.png

确实很漂亮 动画也柔和。

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

299015AB-3773-4891-AE7D-3CF723F63B4F.png

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

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

如何使用??非常简单

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,860评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,188评论 4 61
  • 1.分享会感受 # 囡囡-日期160220-实践检视阅读 ### 四个收获 1.结构化思维总结的写法:在序言的基础...
    岚岚酱阅读 273评论 0 0
  • 春节走亲戚,到叔叔阿姨辈的人家里去拜年,发现他们喜欢通过很机械并很反复地做一些琐碎的事,麻痹自己的神经,进而逃避那...
    刘天一阅读 388评论 1 1
  • 街头,人们步履匆匆,一位中年男子瘫在地上无人问津。冷峻的格调下,主人公克里斯牵着儿子的手欢快的走着,暖意袭来。 ...
    周曼谕阅读 430评论 0 3