服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - iOS开发 widget构建详解及实现代码

iOS开发 widget构建详解及实现代码

2021-02-06 14:08iOS开发网 IOS

这篇文章主要介绍了iOS开发 widget构建详解的相关资料,并附实例代码,需要的朋友可以参考下

ios开发之widget实现

前言

    ios extension的出现,方便了用户查看应用的服务,比如用户可以在today的widgets中查看应用的简略信息,然后点击进入相关的应用界面。
暂且不表网络上现有的widget文章,本篇文章主要说明本人具体实现widget的步骤,希望能够帮助到需要实现widget的同行朋友。

iOS开发 widget构建详解及实现代码

图1 today的widget展示----以支付宝为例说明

文章将依次从以下几个问题着手,进行详细说明:
1、如何为现有的工程添加widget;
2、如何绘制ui;
3、如何调起app;
4、如何与host app共享数据。

添加today extension

iOS开发 widget构建详解及实现代码

图2 添加today的target

   如图,为现有的工程添加today extension,命名这里不赘述了,大家都懂的。

iOS开发 widget构建详解及实现代码

图3 添加today之后的工程目录

    这是添加today extension之后的工程目录。
    到这里,为现有的工程添加today extension算是完成了,运行程序就可以看到类似图1的简单的效果了,很简单哈。

绘制ui

    与网上发表文章的童鞋们一样,我也是个代码控(装b一下),习惯用纯代码来绘制today的ui。

iOS开发 widget构建详解及实现代码

图4 删除默认创建的maininterface并修改info.plist

    这里,删除默认创建的maininterface.storyboard,并按图4所示修改info.plist文件。(当然,习惯使用storyboard的童鞋可以略过,直接操作storyboard即可)

iOS开发 widget构建详解及实现代码

图5 设置widget展示视图的大小

    首先,设置widget展示视图的大小。关于widget的背景色,以及具体展示的内容大家按需绘制,这里暂且不表。

iOS开发 widget构建详解及实现代码

图6 设置widget视图距离左侧边界距离为0

    运行程序后,会发现一个问题:绘制的内容与左侧边界有一定距离(约30px)。如何解决这个问题呢,如图6所示,todayviewcontroller遵守的ncwidgetproviding协议给出了解决方案。

调起app

    因为extension和containing app是两个完全独立的进程,所以它们之间不能直接通信(不能像应用内部点击按钮,跳转到指定页面)。为了实现widget调起app,这里通过openurl的方式来启动containing app。

- (void)openurlcontainingapp{ //通过extensioncontext借助host app调起app [self.extensioncontext openurl:[nsurl urlwithstring:@"appextension://xxx"] completionhandler:^(bool success) { nslog(@"open url result:%d",success); }]; }

 

数据共享

iOS开发 widget构建详解及实现代码

图7 添加app groups

   通过app groups提供的同一group内app共同读写区域,可以用nsuserdefaults和nsfilemanager两种方式实现extension和containing app之间的数据共享。

1 通过nsuserdefaults共享数据

 

?
1
2
3
4
5
6
保存数据
- (void)savedatabynsuserdefaults{ nsuserdefaults *shared = [[nsuserdefaults alloc] initwithsuitename:@"group.c om.xxx"]; [shared setobject:@"asdfasdf" forkey:@"widget"]; [shared synchronize];
}
读取数据
- (nsstring *)readdatafromnsuserdefaults{ nsuserdefaults *shared = [[nsuserdefaults alloc] initwithsuitename:@"group.c om.xxx"]; nsstring *value = [shared valueforkey:@"widget"]; return value;
 }

2 通过nsfilemanager共享数据

?
1
2
3
4
5
6
保存数据
- (bool)savedatabynsfilemanager{ nserror *err = nil; nsurl *containerurl = [[nsfilemanager defaultmanager] containerurlforsecuri tyapplicationgroupidentifier:@"group.com.xxx"]; containerurl = [containerurl urlbyappendingpathcomponent:@"library/caches/ widget"]; nsstring *value = @"asdfasdfasf"; bool result = [value writetourl:containerurl atomically:yes encoding:nsutf8stringencoding error:&err]; if (!result) { nslog(@"%@",err); } else { nslog(@"save value:%@ success.",value); } return result;
}
读取数据
- (nsstring *)readdatabynsfilemanager{ nserror *err = nil; nsurl *containerurl = [[nsfilemanager defaultmanager] containerurlforsecuri tyapplicationgroupidentifier:@"group.com.xxx"]; containerurl = [containerurl urlbyappendingpathcomponent:@"library/caches/ widget"]; nsstring *value = [nsstring stringwithcontentsofurl:containerurl encoding: nsutf8stringencoding error:&err]; return value;
}

    到这里,在today中添加应用的widget就完成了,从today中可以浏览预设的快捷服务.

      感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

延伸 · 阅读

精彩推荐
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25