iOS Widget开发

一.什么是Widget?

百度百科:

百度百科.png

其实Widget就是一个小组件,独立于应用之外的又一个新小应用,但是和主应用之间又有着一定的关系

效果图:

支付宝效果.PNG

下面估计大家都知道是3DTouch,而上面的就是Widget

二.那么怎么实现?

1.首先因为Widget是一个独立的小应用,因此证书也需要另外的一套,也就是说如果你要开发带有这样功能的APP,你需要两套证书,一套是主项目的,另外一套是widget的,至于证书的创建,在这里我就不多说了,具体流程大家可以网上去找.

主项目证书的创建流程和普通的创建流程一样,widget的证书创建流程和主项目的创建流程有一点区别

首先:

注意一:

Bundle ID:widget的Bundle Id是在主项目的Bundle ID的基础上加的,例:

主项目:

主项目Bundle ID.png

widget:

widget项目Bundle ID.png

注意二:widget的App ID创建的时候要配置 App Groups项,例:

主项目:

主项目App Groups配置.png

widget:

widget项目App Groups配置.png

至于怎么配置,其实很简单,大家在创建APP ID的时候,在下面第一项勾选App Groups

配置App Groups.png

创建APP ID之后,需要去创建一个App Groups

App Groups.png

然后把创建后的App Groups配置到对应的APP ID里面即可,这样证书就可以使用了

2.接下来,就是创建一个项目或者是在你想要添加widget的项目里面找到

添加target.png

选择

选择.png

这个时候,你会看到项目目录里面多了

目录结构.png

配置之前给Widget添加的App Groups

widget配置App Groups.png

对于 我来说,习惯了纯代码去开发,所以,果断删掉storyboard

纯代码.png

其实这个时候你运行项目,已经有效果了

效果图.PNG
效果图.PNG

细心的人,可能还有这么个发现:

日历折叠效果.PNG
日历展开效果.PNG

这个日历有一个展开和折叠的效果,那么怎么实现的呢,看下面

展开和折叠效果实现.png
展开和折叠效果实现.png

调整widget内边距

调整widget内边距.png

刷新数据

刷新数据.png

跳转到主应用

widget项目:

配置URL Schemes.png
widget项目.png

主项目:

主项目:.png

至于两者之间的传值,这里不多讲

最终效果:

最终效果.PNG
最终效果.PNG

如果widget里面要使用主项目里面的类,需要做下面操作

widget里面要使用主项目里面的类.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,264评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,549评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,389评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,616评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,461评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,351评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,776评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,414评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,722评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,760评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,537评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,381评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,787评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,030评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,304评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,734评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,943评论 2 336

推荐阅读更多精彩内容

  • 在说widget开发前,先来了解下APP Extensions和App Groups: 一、关于App Exten...
    P大迷妹阅读 4,341评论 1 10
  • 1.证书配置:http://blog.csdn.net/songchunmin_/article/details/...
    Daimer阅读 1,273评论 0 3
  • 先感谢无私分享的博主大大们,一并附上一波入门贴: iOS开发之widget实现iOS开发之widget的简单实现从...
    ChangeWorld阅读 790评论 0 1
  • 从iOS8开始, 系统开始支持iOS Widget,就是如下图.Widget是Extension的一种Today,...
    iDeveloper阅读 2,382评论 0 4
  • 开发步骤 建议先阅读Widget 开发-配置篇,再开始开发,因为开发的过程中需要提前准备一些东西 创建新的 Tar...
    zhangPeng丶阅读 4,152评论 2 10