zoukankan      html  css  js  c++  java

  • [iOS 多线程 & 网络

    A.需求
    • 所有数据都从服务器下载
    • 动画列表包含：图片、动画名标题、时长副标题
    • 点击打开动画观看
     
     
    B.实现
    1.显示图片和基本信息
    Image(40)
     
    服务器端的json信息：
    { "videos": [
    {
      "name":"驯龙高手1",
      "length":"16秒",
      "image":"images/[20150124-180852-0].PNG",
      "video":"videos/1.MP4"
    },
    {
      "name":"驯龙高手2",
      "length":"21秒",
      "image":"images/[20150124-180905-1].PNG",
      "video":"videos/2.MP4"
    },
    {
      "name":"驯龙高手3",
      "length":"14秒",
      "image":"images/[20150124-180908-2].PNG",
      "video":"videos/3.MP4"
    },
    ...
    ]
    }
     
     
    （1）使用tableView来布置界面
    Image(41)
     
    （2）创建一个模型，用来装载录像信息
     1 //
 2 //  HVWVideo.h
 3 //  VideoOnlineDemo
 4 //
 5 //  Created by hellovoidworld on 15/1/24.
 6 //  Copyright (c) 2015年 hellovoidworld. All rights reserved.
 7 //
 8 
 9 #import <Foundation/Foundation.h>
10 
11 @interface HVWVideo : NSObject
12 
13 @property(nonatomic, strong) NSString *name;
14 @property(nonatomic, strong) NSString *length;
15 @property(nonatomic, strong) NSString *image;
16 @property(nonatomic, strong) NSString *video;
17 
18 + (instancetype) videoWithDict:(NSDictionary *) dict;
19 
20 @end
     
     
    （3）发送请求 & 接收服务器信息
    • 使用代理方法发送请求，接收json数据
    • 解析json数据，封装到模型中
    • 使用SDWebImage框架加载服务器图片
      1 //
  2 //  HVWVideoViewController.m
  3 //  VideoOnlineDemo
  4 //
  5 //  Created by hellovoidworld on 15/1/25.
  6 //  Copyright (c) 2015年 hellovoidworld. All rights reserved.
  7 //
  8 
  9 #import "HVWVideoViewController.h"
 10 #import "HVWVideo.h"
 11 #import "UIImageView+WebCache.h"
 12 
 13 #define ServerIP @"http://192.168.0.21:8080/MyTestServer"
 14 
 15 @interface HVWVideoViewController () <UITableViewDataSource, UITableViewDelegate, NSURLConnectionDataDelegate>
 16 
 17 /** 接收到的二进制数据 */
 18 @property(nonatomic, strong) NSMutableData *data;
 19 
 20 /** 所有的录像模型数据 */
 21 @property(nonatomic, strong) NSArray *videos;
 22 
 23 @end
 24 
 25 @implementation HVWVideoViewController
 26 
 27 - (void)viewDidLoad {
 28     [super viewDidLoad];
 29    
 30     self.tableView.dataSource = self;
 31     self.tableView.delegate = self;
 32    
 33     // 读取服务器数据
 34     [self acceptDataFromServer];
 35 }
 36 
 37 - (void)didReceiveMemoryWarning {
 38     [super didReceiveMemoryWarning];
 39     // Dispose of any resources that can be recreated.
 40 }
 41 
 42 /** 读取服务器数据 */
 43 - (void) acceptDataFromServer {
 44     NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"%@/video", ServerIP]];
 45     NSURLRequest *request = [NSURLRequest requestWithURL:url];
 46     NSURLConnection *connection = [NSURLConnection connectionWithRequest:request delegate:self];
 47     [connection start];
 48 }
 49 
 50 #pragma mark - UITableViewDataSource
 51 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
 52     return 1;
 53 }
 54 
 55 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 56     return self.videos.count;
 57 }
 58 
 59 - (UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
 60     static NSString *ID = @"VideoCell";
 61    
 62     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
 63     if (nil == cell) {
 64         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:ID];
 65     }
 66    
 67     HVWVideo *video = self.videos[indexPath.row];
 68     // 设置标题 & 副标题
 69     cell.textLabel.text = video.name;
 70     cell.detailTextLabel.text = video.length;
 71    
 72     // 下载图片
 73     NSString *imageUrlStr = [NSString stringWithFormat:@"%@/%@", ServerIP, video.image];
 74     NSURL *imageUrl = [NSURL URLWithString:imageUrlStr];
 75     [cell.imageView setImageWithURL:imageUrl placeholderImage:[UIImage imageNamed:@"placeholder"]];
 76    
 77    
 78     // 下载录像
 79    
 80    
 81     return cell;
 82 }
 83 
 84 #pragma mark - UITableViewDelegate
 85 
 86 
 87 
 88 #pragma mark - NSURLConnectionDataDelegate 代理方法
 89 - (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
 90     NSLog(@"开始接收数据");
 91     self.data = [NSMutableData data];
 92 }
 93 
 94 - (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
 95     NSLog(@"接收数据中...");
 96     [self.data appendData:data];
 97 }
 98 
 99 - (void)connectionDidFinishLoading:(NSURLConnection *)connection {
100     NSLog(@"接收数据完毕");
101    
102     if (self.data) {
103         // 加载录像资料
104         NSDictionary *jsonDict = [NSJSONSerialization JSONObjectWithData:self.data options:NSJSONReadingMutableLeaves error:nil];
105        
106         //        NSLog(@"%@", jsonDict);
107         NSArray *jsonArray = jsonDict[@"videos"];
108         //        NSLog(@"%@", jsonArray);
109        
110         NSMutableArray *videoArray = [NSMutableArray array];
111         for (NSDictionary *dict in jsonArray) {
112             NSLog(@"%@", dict);
113             HVWVideo *video = [HVWVideo videoWithDict:dict];
114             [videoArray addObject:video];
115         }
116         self.videos = videoArray;
117        
118         [self.tableView reloadData];
119     }
120    
121 }
122  
123 @end
     
    （4）调整cell高度，创建自定义cell类，调整尺寸、分割线
      
     1 //
 2 //  HVWVideoCell.m
 3 //  VideoOnlineDemo
 4 //
 5 //  Created by hellovoidworld on 15/1/25.
 6 //  Copyright (c) 2015年 hellovoidworld. All rights reserved.
 7 //
 8 
 9 #import "HVWVideoCell.h"
10 #import "UIImageView+WebCache.h"
11 
12 #define ServerIP @"http://192.168.0.21:8080/MyTestServer"
13 
14 @interface HVWVideoCell()
15 
16 /** 分割线 */
17 @property(nonatomic, strong) UIView *separatorLine;
18 
19 @end
20 
21 @implementation HVWVideoCell
22 
23 + (instancetype) cellWithTableView:(UITableView *) tableView {
24     static NSString *ID = @"VideoCell";
25    
26     HVWVideoCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
27     if (nil == cell) {
28         cell = [[HVWVideoCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
29     }
30    
31     return cell;
32 }
33 
34 - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
35     if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
36         // 重写样式
37         // 自定义分割写
38         UIView *separatorLine = [[UIView alloc] init];
39         separatorLine.backgroundColor = [UIColor lightGrayColor];
40         separatorLine.alpha = 0.3;
41         [self.contentView addSubview:separatorLine];
42        
43         self.separatorLine = separatorLine;
44     }
45    
46     return self;
47 }
48 
49 /** 重写内部子控件的位置尺寸 */
50 - (void)layoutSubviews {
51     [super layoutSubviews];
52    
53     // 设置图片
54     CGFloat imageWidth = 100;
55     CGFloat imageHeight = 56;
56     CGFloat imageX = 10;
57     CGFloat imageY = (self.frame.size.height - imageHeight) / 2;
58     CGRect imageFrame = CGRectMake(imageX, imageY, imageWidth, imageHeight);
59     self.imageView.frame = imageFrame;
60    
61     // 设置标题
62     CGRect textFrame = self.textLabel.frame;
63     textFrame.origin.x = imageX + imageWidth + 10;
64     self.textLabel.frame = textFrame;
65    
66     // 设置副标题
67     CGRect detailFrame = self.detailTextLabel.frame;
68     detailFrame.origin.x = self.textLabel.frame.origin.x;
69     self.detailTextLabel.frame = detailFrame;
70    
71     // 设置分割线
72     CGFloat separatorLineY = self.frame.size.height - 1;
73     self.separatorLine.frame = CGRectMake(0, separatorLineY, self.frame.size.width, 1);
74 }
75 
76 /** 设置数据 */
77 - (void)setVideo:(HVWVideo *)video {
78     _video = video;
79    
80     // 设置标题 & 副标题
81     self.textLabel.text = video.name;
82     self.detailTextLabel.text = video.length;
83    
84     // 下载图片
85     NSString *imageUrlStr = [NSString stringWithFormat:@"%@/%@", ServerIP, video.image];
86     NSURL *imageUrl = [NSURL URLWithString:imageUrlStr];
87     [self.imageView setImageWithURL:imageUrl placeholderImage:[UIImage imageNamed:@"placeholder"]];
88 }
89 
90 @end
     
    2.播放视频
    playVideo
     
    （1）引入MediaPlayer类
    1 #import <MediaPlayer/MediaPlayer.h>
     
    （2）使用MPMoviePlayerViewController 播放视频
     1 - (void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
 2     // 加载视频
 3     HVWVideo *video = self.videos[indexPath.row];
 4     NSString *videoUrlStr = [NSString stringWithFormat:@"%@/%@", ServerIP, video.video];
 5     NSURL *videoUrl = [NSURL URLWithString:videoUrlStr];
 6    
 7     NSLog(@"%@", videoUrlStr);
 8    
 9     // 使用MediaPlayer框架播放视频
10     MPMoviePlayerViewController *mvController = [[MPMoviePlayerViewController alloc] initWithContentURL:videoUrl];
11     [self presentMoviePlayerViewControllerAnimated:mvController];
12 }
     
    （3）阻止app进入后台之后退出视频
    a.默认app进入后台之后，会自动把视频播放的view缩回去
    background_stopVideo
     
    b.自定义一个集成MPMoviePlayerViewController的类，通过取消接收“进入后台”消息来阻止此操作
     1 //
 2 //  HVWMoviePlayerViewController.m
 3 //  VideoOnlineDemo
 4 //
 5 //  Created by hellovoidworld on 15/1/25.
 6 //  Copyright (c) 2015年 hellovoidworld. All rights reserved.
 7 //
 8 
 9 #import "HVWMoviePlayerViewController.h"
10 
11 @interface HVWMoviePlayerViewController ()
12 
13 @end
14 
15 @implementation HVWMoviePlayerViewController
16 
17 - (void)viewDidLoad {
18     [super viewDidLoad];
19     // Do any additional setup after loading the view.
20    
21     // 取消接收程序进入后台的通知
22     [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationDidEnterBackgroundNotification object:nil];
23 }
24 
25 /** 重写屏幕方向方法 */
26 - (NSUInteger)supportedInterfaceOrientations {
27     // 横屏，向左/右
28     return UIInterfaceOrientationMaskLandscape;
29 }
30 
31 @end
     
     
    background_keepVideo
     
     
    （4）强制使用横屏播放
    (默认是3个方向都可以播放)
    1 /** 重写屏幕方向方法 */
2 - (NSUInteger)supportedInterfaceOrientations {
3     // 横屏，向左/右
4     return UIInterfaceOrientationMaskLandscape;
5 }
     
    screen_landscape
     
     
     
     
     
     
     
  • 相关阅读:
    交换机的配置文件和系统映像文件备份与恢复（如果不小心损坏了，可以用这种方法恢复）
    交换机端口安全配置
    路由器密码重置（不是适用于所有有些启动顺序数字不一样）
    交换机的默认网关（跨网段telnet）
    思科交换机的初始配置（使用telnet登录）
    Linux命令集（第一部分共40个）
    Linux6.9安装
    javamail邮件发送报错解决方案
    isEmpty()与equals()、==“”区别
    eclipse svn 修改了类名之后提交
  • 原文地址：https://www.cnblogs.com/hellovoidworld/p/4248846.html
Copyright © 2011-2022 走看看