widget开发

widget, 快速便捷、功能单一、使用频繁,如图,是支付宝的widget效果图。

支付宝效果图.png

widget开发步骤:
就发widget并不难,就那么简单的几个步骤,请往下看↓↓↓↓

  1. 第一步 新建target
    新建的方式有两种
    1: File-> New -> Target;


    新建Target.png

2: 点击工程,点击target列表下方的加号进行添加

新建Target 2.png

选择Today Extension

选择Today Extension.png

点击next,输入Product Name等信息。需要注意的是最后面有一个Embed in Application选项,这里请选择你的App。

Embed in Application.png

完成之后,左侧会多一个testWidget文件夹,以及对应的文件,如图

target新建完成.png

第二步 布局:
默认是采用interface.storyboard,如果使用纯代码需要在Info.plist文件进行相应的修改, 删除key - NSExtensionMainStoryboard, 添加key-NSExtensionPrincipalClass, value-TodayViewController,如果使用xib可忽略。
默认值:

配置文件_修改前.png

修改后:

配置文件_修改后.png

如果采用Xib,这一步可以忽略。

第三步 版本适配:

版本<iOS 10

self.preferredContentSize = CGSizeMake(self.view.bounds.size.width, 110); // 指定宽高

页边距设置

-(UIEdgeInsets)widgetMarginInsetsForProposedMarginInsets:(UIEdgeInsets)defaultMarginInsets
{
    return UIEdgeInsetsMake(0, 0, 0, 0);
}

版本>iOS 10

设置是否支持widget展开与折叠,NCWidgetDisplayModeExpanded是一个枚举值,这里支持折叠。

if ([[UIDevice currentDevice].systemVersion doubleValue] >= 10.0) {
        self.extensionContext.widgetLargestAvailableDisplayMode = NCWidgetDisplayModeExpanded;// 支持折叠
    }

NCWidgetDisplayMode代理回调:

-(void)widgetActiveDisplayModeDidChange:(NCWidgetDisplayMode)activeDisplayMode withMaximumSize:(CGSize)maxSize
{
    if (activeDisplayMode == NCWidgetDisplayModeCompact) { // 折叠时大小
        self.preferredContentSize = CGSizeMake(self.view.bounds.size.width, 110);
    }else{ // 展开时大小
        self.preferredContentSize = CGSizeMake(self.view.bounds.size.width, 220);
    }
}

第四步 数据处理:
数据刷新:每一次切换到widget页面和下拉widget页面会刷新todayviewcontroller,执行viewwillappear方法
数据共享:widget与应用程序共享一些数据,使用App Groups,组内的app共享一个沙盒空间,App Groups是什么呢?,首先先去 开发中心 注册申请App Groups。进入开发者中心后根据提示一步一步操作即可,这里很简单。

申请App Groups.png

新建时,填写的ID通常以group.开头。

Identifier.png

证书配置
widget是个独立的target,需要使用单独的Boundle id以及对应的证书。个人建议先把APP的Boundle id确定以后再去创建target。这样就可以不用修改boundle id了,否则,运行的时候回提示错误信息,widget的Bundle id的包含App的Bundle id。

进入工程,将App和widgt中的App Groups打开,选中需要共享数据的group,就是在上一步中创建的id,这里会自动出来的,不用担心。如果创建了多个groups,这里会把该开发者账号里面所有都列出来,然后选择你要用的那一个就可以了。

设置App Groups.png

数据共享:
widget与App之间的数据交互有两种方式,可以采用NSUserDefaults或者是NSFileManager进行实现。

通过NSUserDefaults

#define GROUP_ID @"这里是创建app groups的id"
// 保存数据
+(void) saveObject:(id) object forkey:(NSString *) key{
    if (object && key) {
        NSUserDefaults *userDefault = [[NSUserDefaults alloc] initWithSuiteName:GROUP_ID];
        if (userDefault) {
            [userDefault setObject:object forKey:key];
            [userDefault synchronize];
        }
    }
}

// 读取数据
+(id) objectForKey:(NSString *) key{
    NSUserDefaults *userDefault = [[NSUserDefaults alloc] initWithSuiteName:GROUP_ID];
    if (userDefault) {
        id object = [userDefault objectForKey:key];
        return object;
    }
    return nil;
}

NSFileManager方式:

// 保存数据
- (void) saveObject{
    NSError *error = nil;
    NSURL *url = [[NSFileManager defaultManager] containerURLForSecurityApplicationGroupIdentifier:@"group.com.xxxx"];
    url = [url URLByAppendingPathComponent:@"Library/Caches/wodget"];
    NSString *value = @"data";
    BOOL result = [value writeToURL:url atomically:YES encoding:NSUTF8StringEncoding error:&error];
    if (!result) {
        NSLog(@"%@", error);
    }
    else{
        NSLog(@"save value:%@ success.", value);
    }
}

// 读取数据 返回类型以实际数据为准
-(NSString *) readData{
    NSError *error = nil;
    NSURL *url = [[NSFileManager defaultManager] containerURLForSecurityApplicationGroupIdentifier:@"group.com.xxx"];
    url = [url URLByAppendingPathComponent:@"Library/Caches/widget"];
    NSString *dataStr = [NSString stringWithContentsOfURL:url encoding:NSUTF8StringEncoding error:&error];
    return dataStr;
}

与App进行交互
首先我们需要在APP中的添加url schemes ,可以直接写app的bound id嘛

url schemes.png

通过widget来打开app应用

//#define APP_URL_SCHEMES @"com.icoming.MacBee"// app的urlschemes
NSString * urlSchemes = [NSString stringWithFormat:@"%@://",APP_URL_SCHEMES];
    NSURL * url = [NSURL URLWithString:urlSchemes];
    [self.extensionContext openURL:url completionHandler:^(BOOL success) {
    }];
    ```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容