天气预报---网络加载最新天气信息，截取JSON文件

最新推荐文章于 2023-03-04 15:47:01 发布
置顶 最新推荐文章于 2023-03-04 15:47:01 发布
阅读量1k 收藏
点赞数 1
分类专栏： 天气预报 文章标签： JSON UI 天气预报 网络加载 UINavigationControll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27364431/article/details/46507493
版权

仿普通的手机上的天气预报功能，从网络上截取JSON文件


实现的效果图如下：



具体代码如下：


FirstViewController.m文件


#import "FirstViewController.h"

#import "JRViewController.h"

#import "CityModel.h"

#import "JSONKit.h"



#define kW self.view.frame.size.width

#define kH self.view.frame.size.height



@interface FirstViewController ()


//当前城市

@property (nonatomic,copy) NSString * cityName;


//当前日期

@property (nonatomic,strong) NSArray * dateArray;


//当前天气小图片

@property (nonatomic,strong) NSArray * imageViewArray;


//当前温度label

@property (nonatomic,strong) NSArray * temperArray;


//天气详情介绍

@property (nonatomic,strong) NSArray * introArray;


//右上角，当前温度

@property (nonatomic,copy) NSString * rightTemper;


//右上角，天气情况

@property (nonatomic,copy) NSString * rightIntro;


//晒衣指数

@property (nonatomic,copy) NSString * dress;



//紫外线指数

@property (nonatomic,copy) NSString * purple;



//洗车指数

@property (nonatomic,copy) NSString * car;



//人体舒适程度

@property (nonatomic,copy) NSString * comfort;


@end


@implementation FirstViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    

    self.view.backgroundColor=[UIColor whiteColor];

    UIImageView * imageView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"DuoYun"]];

    imageView.frame=self.view.bounds;

    [self.view addSubview:imageView];

    self.title=@"天气预报";

    

    //加载烟台的天气

    [self _loadYT];

        

    //加载视图

    [self _loadView];   

}


#pragma mark - 加载视图

- (void) _loadView

{


    //右上角当天温度情况

    UILabel * leftLabel=[[UILabel alloc]initWithFrame:CGRectMake(200, 60, kW-200, 50)];

    //leftLabel.backgroundColor=[UIColor redColor];

    leftLabel.textAlignment=NSTextAlignmentCenter;

    leftLabel.text=_rightTemper;

    [leftLabel setFont:[UIFont fontWithName:nil size:30]];

    leftLabel.textColor=[UIColor whiteColor];

    [self.view addSubview:leftLabel];


    //右上角，天气情况

    UILabel * rightIntroLabel=[[UILabel alloc]initWithFrame:CGRectMake(200, 100, kW-200, 40)];

    //rightIntroLabel.backgroundColor=[UIColor greenColor];

    rightIntroLabel.text=_rightIntro;

    [rightIntroLabel setTextColor:[UIColor blueColor]];

    rightIntroLabel.textAlignment=NSTextAlignmentCenter;

    [self.view addSubview:rightIntroLabel];

    

    

    

    //当前城市

    UILabel * RightCityLabel=[[UILabel alloc]initWithFrame:CGRectMake(0, 70, 150, 70)];

    //RightCityLabel.backgroundColor=[UIColor greenColor];

    [RightCityLabel setTextColor:[UIColor whiteColor]];

    RightCityLabel.textAlignment=NSTextAlignmentCenter;

    RightCityLabel.text=_cityName;

    [RightCityLabel setFont:[UIFont fontWithName:nil size:40]];

    [self.view addSubview:RightCityLabel];

    

    

    //切换城市按钮

    UIButton * changeCityButton=[[UIButton alloc]initWithFrame:CGRectMake((kW-100)/2, kH-50, 100, 45)];

    changeCityButton.backgroundColor=[UIColor purpleColor];

    [changeCityButton setTitle:@"切换城市" forState:UIControlStateNormal];

    [changeCityButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

    [changeCityButton addTarget:self action:@selector(changeCity) forControlEvents:UIControlEventTouchUpInside];

   

    [self.view addSubview:changeCityButton];

    

    

    

    //下方多日天气视图

    for (int i=0; i<4; i++)

    {

        UIView * view=[[UIView alloc]initWithFrame:CGRectMake(((kW-4*80)/5)*(i+1)+i*80, kH-290, 80, 230)];

        view.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.1];

        

        

        //date

        UILabel * dateLabel=[[UILabel alloc]initWithFrame:CGRectMake(0, 0, 80, 50)];

        dateLabel.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.2];

        dateLabel.text=_dateArray[i];

        dateLabel.textAlignment=NSTextAlignmentCenter;

        [view addSubview:dateLabel];

        

        

        //image

        UIImageView * imageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 55, 80, 80)];

        //imageView.backgroundColor=[UIColor greenColor];

        NSURL * url=[NSURL URLWithString:_imageViewArray[i]];

        NSData * data=[NSData dataWithContentsOfURL:url];

        UIImage * image=[UIImage imageWithData:data];

        imageView.image=image;

        [view addSubview:imageView];

        

        //天气情况简介label

        UILabel * intrLabel=[[UILabel alloc]initWithFrame:CGRectMake(0, 130, 80, 60)];

        //intrLabel.backgroundColor=[UIColor redColor];

        intrLabel.textAlignment=NSTextAlignmentCenter;

        intrLabel.adjustsFontSizeToFitWidth=YES;

        intrLabel.text=_introArray[i];

        [view addSubview:intrLabel];

        

        

        

        //温度label

        UILabel * tempery=[[UILabel alloc]initWithFrame:CGRectMake(0, 190, 80, 40)];

        tempery.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.2];

        tempery.text=_temperArray[i];

        tempery.textAlignment=NSTextAlignmentCenter;

        [tempery setFont:[UIFont fontWithName:nil size:15]];

        [view addSubview:tempery];


        [self.view addSubview:view];

        


        //中间比较大的视图

        UIView * middleView=[[UIView alloc]initWithFrame:CGRectMake(50, 140, kW-100, 225)];

        middleView.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.05];

        

        //晒衣指数

        UILabel * dressLabel=[[UILabel alloc]initWithFrame:CGRectMake(50, 10, 100, 40)];

        dressLabel.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.06];

        dressLabel.text=@"晒衣指数";

        dressLabel.textAlignment=NSTextAlignmentCenter;

        dressLabel.textColor=[UIColor whiteColor];

        [middleView addSubview:dressLabel];

        

        

        

        UILabel * RdressLabel=[[UILabel alloc]initWithFrame:CGRectMake(180, 5, 250, 50)];

        //RdressLabel.backgroundColor=[UIColor redColor];

        RdressLabel.text=_dress;

        [RdressLabel setTextColor:[UIColor whiteColor]];

        [middleView addSubview:RdressLabel];

        

        

        

        

        

        //紫外线指数

        UILabel * purpleLabel=[[UILabel alloc]initWithFrame:CGRectMake(50, 65, 100,40)];

        purpleLabel.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.06];

        purpleLabel.text=@"紫外线指数";

        purpleLabel.textAlignment=NSTextAlignmentCenter;

        purpleLabel.textColor=[UIColor whiteColor];

        [middleView addSubview: purpleLabel];

        


        UILabel * RpurpleLabel=[[UILabel alloc]initWithFrame:CGRectMake(180, 10+50, 250,50)];

        //RpurpleLabel.backgroundColor=[UIColor redColor];

        RpurpleLabel.text=_purple;

        [RpurpleLabel setTextColor:[UIColor whiteColor]];

        [middleView addSubview: RpurpleLabel];

        


        //洗车指数

        UILabel * carLabel=[[UILabel alloc]initWithFrame:CGRectMake(50, 65+40+15, 100, 40)];

        carLabel.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.06];

        carLabel.text=@"洗车指数";

        carLabel.textAlignment=NSTextAlignmentCenter;

        carLabel.textColor=[UIColor whiteColor];

        [middleView addSubview:carLabel];

        

        UILabel * RcarLabel=[[UILabel alloc]initWithFrame:CGRectMake(180, 65+50, 250, 50)];

        //RcarLabel.backgroundColor=[UIColor redColor];

        RcarLabel.text=_car;

        [RcarLabel setTextColor:[UIColor whiteColor]];

        [middleView addSubview:RcarLabel];


        //人体舒适程度

        UILabel * personComfortLabel=[[UILabel alloc]initWithFrame:CGRectMake(50, 115+50+5, 100, 40)];

        personComfortLabel.backgroundColor=[UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.06];

        personComfortLabel.text=@"人体舒适程度";

        personComfortLabel.adjustsFontSizeToFitWidth=YES;

        personComfortLabel.textAlignment=NSTextAlignmentCenter;

        personComfortLabel.textColor=[UIColor whiteColor];

        [middleView addSubview:personComfortLabel];

        

        

        

        UILabel * RpersonComfortLabel=[[UILabel alloc]initWithFrame:CGRectMake(180, 115+50, 250, 50)];

        //RpersonComfortLabel.backgroundColor=[UIColor redColor];

        RpersonComfortLabel.text=_comfort;

        [RpersonComfortLabel setTextColor:[UIColor whiteColor]];

        [middleView addSubview:RpersonComfortLabel];


        [self.view addSubview:middleView];

  

    }

}



#pragma mark - 加载烟台的天气

- (void) _loadYT

{

    NSURL * url=[NSURL URLWithString:@"http://m.weather.com.cn/atad/101120501.html"];

    NSData * data=[NSData dataWithContentsOfURL:url];

    NSDictionary * dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];

    

    NSDictionary * tempDic=dic[@"weatherinfo"];

    

    //城市名

    NSString * cityName=tempDic[@"city"];

    _cityName=cityName;

    

    //日期数组

    NSDate * date1=[NSDate date];

    NSDate * date2=[NSDate dateWithTimeIntervalSinceNow:60*60*24];

    NSDate * date3=[NSDate dateWithTimeIntervalSinceNow:60*60*24*2];

    NSDate * date4=[NSDate dateWithTimeIntervalSinceNow:60*60*24*3];

    NSDateFormatter * format=[[NSDateFormatter alloc]init];

    [format setDateFormat:@"MM月dd日"];

    NSString * str1=[format stringFromDate:date1];

    NSString * str2=[format stringFromDate:date2];

    NSString * str3=[format stringFromDate:date3];

    NSString * str4=[format stringFromDate:date4];

    _dateArray=@[str1,str2,str3,str4];

    

    

    //温度数组

    NSString * temper1=tempDic[@"temp1"];

    NSString * temper2=tempDic[@"temp2"];

    NSString * temper3=tempDic[@"temp3"];

    NSString * temper4=tempDic[@"temp4"];

    

    _temperArray=@[temper1,temper2,temper3,temper4];

    

    //天气小图标数组---存放图片地址

    NSString * string1=tempDic[@"img1"];

    NSInteger index1=[string1 integerValue];

    NSString * imageSrc1=@"http://i.tq121.com.cn/i/mobile/images/d%02d.png";

    imageSrc1=[NSString stringWithFormat:imageSrc1,index1];

    //NSLog(@"%@",imageSrc1);

    

    

    NSString * string2=tempDic[@"img3"];

    NSInteger index2=[string2 integerValue];

    NSString * imageSrc2=@"http://i.tq121.com.cn/i/mobile/images/d%02d.png";

    imageSrc2=[NSString stringWithFormat:imageSrc2,index2];

    //NSLog(@"%@",imageSrc2);

 

    NSString * string3=tempDic[@"img5"];

    NSInteger index3=[string3 integerValue];

    NSString * imageSrc3=@"http://i.tq121.com.cn/i/mobile/images/d%02d.png";

    imageSrc3=[NSString stringWithFormat:imageSrc3,index3];

    //NSLog(@"%@",imageSrc3);

    

    NSString * string4=tempDic[@"img7"];

    NSInteger index4=[string4 integerValue];

    NSString * imageSrc4=@"http://i.tq121.com.cn/i/mobile/images/d%02d.png";

    imageSrc4=[NSString stringWithFormat:imageSrc4,index4];

    //NSLog(@"%@",imageSrc4);

   

    _imageViewArray=@[imageSrc1,imageSrc2,imageSrc3,imageSrc4];

    

    //天气详情数组

    NSString * intr1=tempDic[@"weather1"];

    NSString * intr2=tempDic[@"weather2"];

    NSString * intr3=tempDic[@"weather3"];

    NSString * intr4=tempDic[@"weather4"];

    

    _introArray=@[intr1,intr2,intr3,intr4];

    

   //右上角当天的温度情况

    _rightTemper=tempDic[@"temp1"];

    

    //右上角当天天气情况

    _rightIntro=tempDic[@"weather1"];


    

    //晾衣指数

    _dress=tempDic[@"index_ls"];

    

    

    //紫外线指数

    

    _purple=tempDic[@"index_uv"];

    

    

    //洗车指数

    _car=tempDic[@"index_xc"];

    

    

    //人体舒适程度

    _comfort=tempDic[@"index_co"];


}


    

    


- (void) _loadData

{

    

    NSString * path=[[NSBundle mainBundle] pathForResource:@"weather_city_code.json" ofType:nil];

    NSData * data=[NSData dataWithContentsOfFile:path];

    NSDictionary * dic=[NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];

    //NSLog(@"%@",dic);

    


    NSArray * array=dic[@"城市代码"];

    //NSLog(@"%@",array);

    

    

    //创建model

    CityModel * citymodel=[[CityModel alloc]init];

    for (int i=0; i<array.count; i++)

    {

        NSDictionary * tempDic=array[i];

        //NSLog(@"%@",tempDic);

       

        citymodel.provinceName=tempDic[@"省"];    //获取到各省

        //NSLog(@"%@",citymodel.provinceName);

        

        NSArray * cityArray=tempDic[@"市"];

        for(NSDictionary * cityDic in cityArray)

        {

            NSLog(@"%@",cityDic);

//            _cityArray=cityDic[@"市名"];

//            _codeArray=cityDic[@"编码"];

        }

       

    }

   

}



- (void) changeCity

{

    JRViewController * jrVC=[[JRViewController alloc]init];

    [self.navigationController pushViewController:jrVC animated:YES];

}


@end



JSON文件


{
    "weatherinfo": {
        "city": "烟台",
        "city_en": "yantai",
        "date_y": "2015年6月15日",
        "date": "",
        "week": "星期一",
        "fchh": "11",
        "cityid": "101120501",
        "temp1": "29℃~19℃",
        "temp2": "31℃~19℃",
        "temp3": "31℃~19℃",
        "temp4": "28℃~18℃",
        "temp5": "26℃~17℃",
        "temp6": "26℃~17℃",
        "tempF1": "84.2℉~66.2℉",
        "tempF2": "87.8℉~66.2℉",
        "tempF3": "87.8℉~66.2℉",
        "tempF4": "82.4℉~64.4℉",
        "tempF5": "78.8℉~62.6℉",
        "tempF6": "78.8℉~62.6℉",
        "weather1": "晴",
        "weather2": "晴转多云",
        "weather3": "多云",
        "weather4": "多云转雷阵雨",
        "weather5": "多云",
        "weather6": "多云",
        "img1": "0",
        "img2": "99",
        "img3": "0",
        "img4": "1",
        "img5": "1",
        "img6": "99",
        "img7": "1",
        "img8": "4",
        "img9": "1",
        "img10": "99",
        "img11": "1",
        "img12": "99",
        "img_single": "0",
        "img_title1": "晴",
        "img_title2": "晴",
        "img_title3": "晴",
        "img_title4": "多云",
        "img_title5": "多云",
        "img_title6": "多云",
        "img_title7": "多云",
        "img_title8": "雷阵雨",
        "img_title9": "多云",
        "img_title10": "多云",
        "img_title11": "多云",
        "img_title12": "多云",
        "img_title_single": "晴",
        "wind1": "南风3-4级",
        "wind2": "南风3-4级",
        "wind3": "南风3-4级",
        "wind4": "东南风4-5级",
        "wind5": "东南风4-5级转3-4级",
        "wind6": "东北风转东风3-4级",
        "fx1": "南风",
        "fx2": "南风",
        "fl1": "3-4级",
        "fl2": "3-4级",
        "fl3": "3-4级",
        "fl4": "4-5级",
        "fl5": "4-5级转3-4级",
        "fl6": "3-4级",
        "index": "热",
        "index_d": "天气热，建议着短裙、短裤、短薄外套、T恤等夏季服装。",
        "index48": "",
        "index48_d": "",
        "index_uv": "强",
        "index48_uv": "",
        "index_xc": "较适宜",
        "index_tr": "适宜",
        "index_co": "较舒适",
        "st1": "28",
        "st2": "18",
        "st3": "30",
        "st4": "17",
        "st5": "30",
        "st6": "17",
        "index_cl": "较适宜",
        "index_ls": "极适宜",
        "index_ag": "不易发"
    }
}



   PS：该案例的关键之处在于截取JSON文件，一层一层解开，直到挑出对自己有用的部分~   （说的简单，解了一上午，把自己给绕进去了，蠢哭~~~）






小王不加班
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用jsonp获取天气预报
小星的博客
11-08 2265
学完了jsonp后，总有种想用一下的冲动，于是上网找了一下天气api的接口，找了很久，终于找到了免费的，而且数据会实时更新。我找到的这个就是心知天气，它提供免费的天气接口，可以让我来练一下手。在练习的过程中，也碰到了许多坑。比如，心知提供的秘钥还得经过HMAC-SHA1加密（谁叫咱是免费使用的），这个坑我进去了好久才爬出来，大家可以去我的网盘（密码：cpu3）进行下载，下载好了先引入jQ文件，然后再
中国天气网城市代码（JSON）获取实现(二)
huoer_12的专栏
12-17 3944
接着上一篇 http://blog.csdn.net/huoer_12/article/details/17381991，继续这个话题。 上篇中的类主要用来获取网页的数据，本篇主要讲如何使用上篇中的类及获取导数据后的处理。 本类需要org.json.jar，该文件可在网上找到，文件不大，官网http://www.json.org/，API说明http://www.json.org/java/
实验项目：解析JSON数据实现天气预报显示
qq_47112287的博客
05-19 5674
实验目的： 理解JSON数据的基本结构 掌握使用Gson解析JSON数据的方法 实验内容：使用解析JSON文件获取天气预报信息，并将不同城市的天气信息显示在主界面中，应用程序运行时界面如图1所示。单击其他城市按钮时，将显示相应城市对应的天气信息，如图2所示。 图1 程序运行初始界面 图2 切换城市天气显示界面 实验步骤： TestServer服务器端，在WebRoot文件夹下新建weather.json文件，使其包含三个城市的天气信息，每一...
获取天气预报信息，解读JSON数据包
NiceSC的博客
03-04 741
QT获取天气信息解析Json数据
天气预报jSON格式api接口
10-14
该API接口可以用于QT开发，以及支持城市名和城市名代码等多种方式查询天气预报。
加载天气信息app
CSDN666666888888的博客
07-26 179
第一步： 创建工程文件 第二步： 寻找api，调用网络数据（现在大部分api都是收费的，反正我是找不到了，我这里就做一个示例随便寻找一个旧的api好了） 第三步：将网址输入，直接看看访问到的数据； 。。。。。。。。。。。。。。（这什么屌东西，算了咱们不管它，还是能看出字典模式的key，等会儿试试调用） 第四步：建造demo，将按钮还有显示信息界面设置...
安全相关-密码管理-密码截取软件 v3.2.zip
01-02
安全相关-密码管理-密码截取软件 v3.2.zip
php中截取字符串支持utf-8
10-31
php中截取字符串支持utf-8
php截取utf-8中文字符串乱码的解决方法
10-29
在PHP中截取UTF-8编码的字符串时，有可能碰到半字符的问题，也就是乱码,以下函数可以解决这个问题
AngularJS通过ng-Img-Crop实现头像截取的示例
10-19
本篇文章主要介绍了AngularJS通过ng-Img-Crop实现头像截取的示例，具有一定的参考价值，有兴趣的可以了解一下
swift-toolJHURLAnalyseTool一款截取网络请求的url展示类工具
08-15
一款截取url信息并展示的工具
自己的网页加载天气
lettyisme的博客
12-23 463
百度天气制定模块。新浪网那个。 然后粘代码就可以啦
国家气象局天气预报JSON数据接口详解
单向街的夏天
07-01 8757
国家气象局天气预报JSON数据接口详解   国家气象局提供的天气预报接口   接口地址： http://www.weather.com.cn/data/sk/101010100.html http://www.weather.com.cn/data/cityinfo/101010100.html http://m.weather.com.cn/data/101010100.ht
天气预报——textView显示后再加载数据无法更新，换种方式写
weixin_30878361的博客
10-19 43
使用了聚合数据的sdk开发： privatevoidinitForecastByJuhe(){ 　　Parametersparams=newParameters(); 　　params.add("cityname","烟台"); 　　params.add("dtype","json"); 　　JuheData.executeWithAPI(getApplic...
分享中国天气网的接口
lsyAndroid的专栏--解决实际开发中自己遇到的问题
05-30 3048
http://m.weather.com.cn/atad/101010100.html
实现客户端打印之jasperrport3.7.0（打印预览+多页同时打印）
xuyiooo的专栏
05-21 278
jasperreport实现客户端预览在晚上有很多例子，但是大多数都是采用applet实现的 ，虽然很简单但是需要jre的支持 要下载安装jre， 交互性不好。 jasperreport3.7.0实现客户端打印做了改善，采用flash的形式进行客户端打印。只要有一个支持观看flash的浏览器即可。 但是jasperreport3.7.0本身带的demo有点问题就是打印时数据有时候丢失，原因是页面范...
使用Json实现简单天气预报查询
v790873的博客
09-16 3611
首先先在和天气注册一个账号获取key値 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>天气预报</title> <meta name="viewport" content="width=375,user-scalable=no...
中央气象局天气预报接口城市代码大全
我是程序猿
07-30 7997
最近做了一个天气预报应用，在寻找数据源的时候费了不少周折，原来的谷歌、新浪、雅虎等等API似乎都不能用了（也许是我申请不到KEY），最后用了中央气象局的接口。 下面是这些接口的地址，都是HTTP方式，用法就不用我多说了吧？ http://flash.weather.com.cn/wmaps/xml/china.xml 全国各省份的信息，pyName字段是各省份的xml名称 http://
SQL语句--截取完整日期中的 年月
最新发布
04-11
可以使用 MySQL 中的 DATE_FORMAT 函数来截取日期中的年月和日。具体的 SQL 语句如下： SELECT DATE_FORMAT(`date_column`, '%Y-%m-%d') FROM `table`; 其中，`date_column` 是包含完整日期的列名，`table` 是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值