iOS14 如何使用Widget从开发到上线 (三)

·  阅读 265

前言

前路浩浩荡荡 万事尽可期待 im杰克

这篇为大家讲解如何使用Widget从开发到上线 (三)部分


Widget 加载网络图片,在func timeline(withcompletion)这个方法中请求拿到图片链接后,必须同步把图片解析出来,否则直接让对应的WidgetView去load url 是加载不出来的.

这么写好像是不行的。

// beautiful 该图片的比例 1.6:1
struct SWidgetEntryView : View {
    var entry: Provider.Entry

    @State private var image : UIImage? = nil
    let  defaultImage = UIImage(named: "beautiful")!

    var body: some View {

        VStack (alignment:.center){
                GeometryReader {//获取父视图的大小
                    proxy in
                    Image(uiImage: self.image ?? defaultImage) //头部图片
                        .resizable()
                        .aspectRatio(contentMode:.fit)
                        .frame(width: proxy.size.width, height: proxy.size.width/1.6)
                        .onAppear(perform:loadImage)
                }
                HStack (alignment:.center, spacing:25){
                    ForEach(0 ..< WidgetModels.count){ //循环个数
                        index in
                        let mode = WidgetModels[index]
                        Link(destination: URL(string: mode.linkUri)!){ //点击事件
                            VStack{
                                Image(mode.icon as String) //icon 展示图
                                    .resizable()
                                    .frame(width: 60, height: 60, alignment: .center)
                                Text(mode.name as String)  //文字展示
                                    .frame(width: .infinity, height: 20, alignment: .center)
                                    .foregroundColor(.black)
                                    .font(.system(size: 15))
                            }
                        }
                    }
                }
                Spacer(minLength: 40)
            }
    }

    func loadImage() {
        guard let url = URL(string: "https://v1.alapi.cn/api/bbcover?c=av86863038") else { return }
        URLSession.shared.dataTask(with: url){ (data, response, error) in
            let json = try! JSONSerialization.jsonObject(with: data!, options: []) as! [String: Any]
            guard let data = json["data"] as? [String: Any] else {
                return print("解析失败")
            }
            let cover = data["cover"]
            print(cover as Any)
            if let imageData = try? Data(contentsOf: URL(string: cover as! String)!){
                image = UIImage(data: imageData)
            }
        }.resume()
    }
}

复制代码

下面是正确的写法

作为一个ios开发者,遇到问题的时候,有一个学习的氛围跟一个交流圈子特别重要对自身有很大帮助,众人拾柴火焰高 这是一个我的iOS交流群:711315161,分享BAT,阿里面试题、面试经验,讨论技术, 大家一起交流学习成长!希望帮助开发者少走弯路。

//Provider 简单理解,这是一个数据提供对象,用来为小组件提供渲染数据,其必须实现TimelineProvider协议,即是基于时间线来驱动小组件的渲染。
struct Provider: TimelineProvider {
    //placeholder  提供一个占位的视图,当小组件没有数据或者在锁屏状态时,会显示这个占位视图。
    func placeholder(in context: Context) -> SimpleEntry {
        SimpleEntry(date: Date(),model: WidgetModels[0],imgModel:imageModels[0])
    }
    //getSnapshot:快照预览为了在小部件库中显示小部件,在你添加widget时候,预览的样式。当部件还没有从服务器获取状态时,Provider通过显示一个空状态来实现getSnapshot方法
    func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) {
        let entry = SimpleEntry(date: Date(),model: WidgetModels[0],imgModel:imageModels[0])
        completion(entry)
    }
    //getTimeline:在请求初始快照后,WidgetKit调用getTimeline(for:with:completion:)向提供者请求一个常规的时间线。时间线由一个或多个时间线条目和一个重载策略组成,告知WidgetKit何时请求后续时间线。
    func getTimeline(in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {

        // Generate a timeline consisting of five entries an hour apart, starting from the current date.
        let currentDate = Date()
        //间隔2分钟请求一次新的数据
        let entryDate = Calendar.current.date(byAdding: .minute, value: 2, to: currentDate)!
        Srequest.request { result in
            let imgModel: imageModel
            if case .success(let response) = result {
                imgModel = response
            } else {
                imgModel = imageModel(id: 0, image: UIImage(named: "beautiful")!)
            }
            let entry = SimpleEntry(date: entryDate,model: WidgetModels[0],imgModel:imgModel)
            //Widget的刷新策略
            //atEnd: timeline 中最后一个 entry 显示后更新。timelines 方法会重新调用。
            //after(date): 指定日期,重新更新timeline。
            //never:系统不会自动更新,除非我们主动通过 Widget Center Api 来更新。
            let timeline = Timeline(entries: [entry], policy: .after(entryDate))
            completion(timeline)
        }
    }
}

复制代码
//请求数据
struct Srequest {

    static func request(completion: @escaping (Result<imageModel, Error>) -> Void) {
        //这个接口网上找的
        let url = URL(string: "https://api.uomg.com/api/rand.avatar?sort=%E7%94%B7&format=json")!
        let task = URLSession.shared.dataTask(with: url) { (data, response, error) in
            guard error == nil else {
                completion(.failure(error!))
                return
            }
           let json = try! JSONSerialization.jsonObject(with: data!, options: []) as! [String: Any]
           let imgurl = json["imgurl"] ?? "1"

           var image : UIImage = UIImage(named: "beautiful")!
           print(json["imgurl"] as Any)
            if let imageData = try? Data(contentsOf: (URL.init(string: imgurl as! String) ?? URL(string: "1"))!){
                image = UIImage(data: imageData)!
           }
           completion(.success(imageModel(id: 0, image: image)))
       }
       task.resume()
    }
}

复制代码
期间有遇到图片加载不出来的问题,这个问题也是找了好久。
如果有遇到这个问题,检查一下这个图片地址是不是https
//http 获取的data 是 nil
Data(contentsOf: (URL.init(string: imgurl as! String) ?? URL(string: "1"))!)

复制代码

另外也可以设置:Widget->Info.plist->App Transport Security Settings 添加Allow Arbitrary Loads YES,这样就兼容了http

image

作者:Lsx_f 链接:www.jianshu.com/p/948cdce1c…

分类:
阅读
标签: