iOS显示NBA即时比分的TodayWidget

adminadmin 亚洲杯 2024-02-22 70 0

  本人是个狂热的体育迷,篮球、足球、网球各种比赛都经常关注(死忠科密现变身湖密、皇马球迷、费德勒球迷),平时上班的时候每次想关注一下NBA比分都特别麻烦,拿起手机=>解锁=>打开app,每次工作忙的时候都觉得操作特别复杂。于是我想到了TodayWidget,直接锁屏状态就可以关注比分。然后我去看了一下虎扑、腾讯NBA、新浪体育,发现居然都没有这个功能。作为一个程序员,这简直不能忍,于是我就着手自己做了一个。先上一个成品图看看效果:

  

2018-01-30 10.27.43.gif

  瞬间方便了很多,每次想看比分的时候只需要左滑屏幕即可。接下来讲一下具体的开发过程(主要讲TodayWidget的开发,主程序由于不叫简单这里略过,有问题可以问我),也非常简单(此文章是以Swift为例,OC的如果有需求我会加上来)。

  我的接口都是抓的新浪体育的,抓包工具用的Charles,具体使用方法可以去百度,使用也很简单,这里就不详细介绍了。

  打开已经创建好的工程,选择 File>New>Target> Today Extension ,操作见图2-1、图2-2

  

图 2-1.png

  

图 2-2.png

  创建完成之后会发现工程里多了一个TodayWidget的任务,如图2-3

  

图 2-3.png

  然后运行程序,将创建的这个工程添加到TodayWidget,会发现模拟器已经有了我们创建的TodayWidget。

  

图 2-4.png

  在NSExtensionContext中,新添了widgetLargestAvailableDisplayMode属性,来确认当前widget是展开还是折叠状态。所以,先在TodayWidget.swift里的viewDidLoad中设置widget的mode为展开。

  然后,就是展开和折叠的处理了。在NCWidgetProviding协议中,新添了这么个方法widgetActiveDisplayModeDidChange

  我的布局使用的是一个tableview,先创建一个tableview

  然后,我的cell使用的是xib创建的,选择File>New>File,选择Cocoa Touch Class,如图3-1 3-2

  

图 3-1.png

  记得勾选上xib

  

3-2.png

  然后利用xib拉好控件布局,如图3-3

  

图 3-3.png

  到这里,TodayWidget 的UI布局已经基本搭建完成。

  首先,我对AFNetworking进行了一层封装

  然后再在TodayWidget.swift里请求数据,数据请求完之后刷新UI

  至此,TodayWidget的功能基本完成了。

  完整代码请点我

iOS显示NBA即时比分的TodayWidget

iOS显示NBA即时比分的TodayWidget

版权声明

本文仅代表作者观点,不代表xx立场。
本文系作者授权xx发表,未经许可,不得转载。

喜欢0发布评论

评论列表

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址