。

根据iPhone中天气App的功能大致可以将仿写的App分为四个界面——首页#xff0c;搜索界面#xff0c;添加界面#xff0c;浏…

文章目录

最近完成了暑假的最后一个任务——天气预报特此记录博客总结。

根据iPhone中天气App的功能大致可以将仿写的App分为四个界面——首页搜索界面添加界面浏览界面同时在天气预报中调用了较多的API具体使用方法可以看这篇博客——【iOS】json数据解析以及简单的网络数据请求这里不再说明

一、首页

对于首页笔者将北京作为城市数组的第一个元素后续可以通过搜索界面与添加界面对首页的城市进行添加

这里需要注意的是因为我们的天气是实时变化的所以我们只需要得到添加的城市名然后通过城市名来得到实时的天气

另外需要注意的是因为我们的每个城市的天气的背景图片是不同的然而我们自定义cell的在其出列时就已经被设置好后面再去在-

(UITableViewCell

cellForRowAtIndexPath:(NSIndexPath

*)indexPath;方法中设置背景图片就会将自定义cell中原本自定义的控件覆盖掉。

NSString

UIImageView并设置其内容为图片UIImageView

*imageView

initWithImage:image];imageView.frame

cell.contentView.bounds;imageView.contentMode

UIViewContentModeScaleAspectFill;imageView.clipsToBounds

YES;//

atIndex:0];这样就做到了我们的背景图片不会覆盖我们cell中的控件当然我们也可以在我们的对应的TableViewCell函数中设置我们的背景图片只不过这样设置的背景图片比较单一所以这里在-

(UITableViewCell

cellForRowAtIndexPath:(NSIndexPath

二、搜索界面

笔者这里使用的搜索栏是UISearchBar我们在h文件中添加对应协议使用监听即可实现我们的搜索的实时变化

*)searchBar

可以看到我们这里利用搜索界面打开对应城市区县的天气之后点击添加按钮相应的城市或区县就会被添加到首页这里实际上使用了我们的通知传值同样的如果存在相同城市那么就添加失败。

具体有关通知传值的方法可以看这篇博客——【iOS】多界面传值

//添加界面

forKey:key];[[NSNotificationCenter

defaultCenter]

dismissViewControllerAnimated:YES

completion:nil];}

preferredStyle:UIAlertControllerStyleAlert];UIAlertAction

*confirmAction

style:UIAlertActionStyleDefault

_Nonnull

presentViewController:self.alert

animated:YES

selector:selector(receiveNotice:)

name:notice

(void)receiveNotice:(NSNotification

*)send

addObject:send.userInfo[key]];[self

createData];

}另外在这里笔者使用了SVGKit第三方库因为在笔者调用的API中图标是以SVG的格式给出的但是原生的Xcode并不支持SVG格式的图片因此需要用到第三方库SVGKit具体怎么使用第三方库在这篇博客【iOS】Cocoapods的安装以及使用中已经讲解过如何使用。

但是需要注意的一点是我们导入的SVGKit无法直接使用会出现如下的问题

Module

CocoaPods这是CocoaPods本身的问题如何解决这个问题笔者在这篇回答中找到了答案——Build

problem

stringWithFormat:https://devapi.qweather.com/v7/weather/7d?location%key4c75fbc6961d404289bf6b44d9009576,

[urlString

stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet

URLQueryAllowedCharacterSet]];//创建URLNSURL

*url

URLWithString:urlString];NSLog(%,

urlString);//2.创建请求类NSURLRequest

*request

requestWithURL:url];//3.创建会话//delegateQueue

表示协议方法在哪个线程中执行//

sharedSession];用于简单的网络请求NSURLSession

*session

sessionWithConfiguration:[NSURLSessionConfiguration

delegate:self

delegateQueue:[NSOperationQueue

mainQueue]];//4.根据会话创建任务NSURLSessionDataTask

*dataTask

substringWithRange:NSMakeRange(5,

5)];NSString

将时间和温度分别添加到数组中[self.dayArray_Days

addObject:time];[self.iconArray_Days

addObject:icon];[self.temperatureArray_Days

图标代码为%,

temperature_High];self-_lowestT.text

[NSString

temperature_Low];count;self-_sunRise

currentDayData[sunrise];self-_sunSet

currentDayData[sunset];self-_precip

currentDayData[precip];self-_uvIndex

currentDayData[uvIndex];NSLog(%,

self-_sunRise,

currentDayData[sunrise]);}}[[NSOperationQueue

mainQueue]

addOperationWithBlock:^{[self-_tableView2

reloadData];}];}

{NSLog(无法获取当前时间的天气数据。

);}}}}];//

启动数据任务[dataTask

resume];}这里需要注意的是笔者这里将从API得到的数据存到对应的数组中

每日天气预报

笔者这里将首页中的城市都传入了浏览界面核心思路就是利用我们的UIScrollView我们先前实现轮播图的思路是在UIScrollView中添加图片实现滚动我们这里就将图片换成对应城市的视图控制器即可

//首页

didSelectRowAtIndexPath:(NSIndexPath

*)indexPath

indexPath.section;t.modalPresentationStyle

0;[self

}//ScrollViewController添加对应城市视图

for

self.view.bounds.size.width;MenuShowViewController

alloc]

imageNamed:t1].CGImage);t.view.frame

CGRectMake(xOffset,

self.view.bounds.size.height);[self

addChildViewController:t];[self.scrollView

didMoveToParentViewController:self];

}同时笔者这里给出实现pageControl固定在视图底部的实现代码

self.pageControl

self.pageControl.pageIndicatorTintColor

[UIColor

self.pageControl.currentPageIndicatorTintColor

[UIColor

addSubview:self.pageControl];其实核心就是[self.view

addSubview:self.pageControl];无论我们的ScrollView如何滚动我们的view是不变的因此将pageControl添加到view中即可实现分页控件的固定

暑假的App仿写已经全部写完后面回去学习一些第三方库例如Masonry与AFNetworking