异步下载网站图标应用与自定义视图绘制教程

### 异步下载网站图标应用与自定义视图绘制教程 在开发过程中，我们常常需要实现一些特定的功能，比如异步下载网站图标以及自定义视图的绘制。下面将详细介绍如何创建一个能够异步下载多个网站的图标，并在应用退出时与服务器进行通信的应用，同时还会讲解如何创建自定义视图来显示图形内容。 #### 1. 创建异步下载网站图标应用 要创建一个新的应用来异步下载多个网站的图标，并在应用退出时与服务器进行通信，可以按照以下步骤操作： 1. **创建新的 iOS 单视图应用**：打开开发工具，创建一个新的 iOS 单视图应用项目。 2. **添加表格视图到视图控制器**：在视图控制器中添加一个表格视图，用于显示网站列表。 3. **更改表格视图的原型单元格样式为基本样式**：选择表格视图的原型单元格，将其样式设置为基本样式。 4. **选择原型单元格并更改其标识符为 IconCell**：为原型单元格设置一个唯一的标识符，方便后续使用。 5. **更改表格的选择样式为无选择**：避免用户选择表格单元格时产生不必要的交互。 6. **使视图控制器成为表格视图的数据源和委托**：让视图控制器负责提供表格视图的数据和处理相关事件。 7. **在助手编辑器中打开 ViewController.h**：使 ViewController 遵循 UITableViewDataSource 和 UITableViewDelegate 协议。 ```objc @interface ViewController () <UITableViewDataSource, UITableViewDelegate> @end ``` 8. **从表格视图控制拖动到 ViewController 的接口**：创建一个新的输出口，并将其命名为 tableView。 ```objc @property (weak, nonatomic) IBOutlet UITableView *tableView; ``` 9. **在 ViewController.m 的开头添加以下代码**：定义两个数组，分别用于存储网站列表和网站图标。 ```objc @interface ViewController () { NSArray* websites; NSMutableArray* websiteIcons; } @end ``` 10. **在 viewDidLoad 方法的末尾添加以下代码**：初始化网站列表和图标数组，并为每个网站在图标数组中插入一个 NSNull 对象。 ```objc - (void)viewDidLoad { [super viewDidLoad]; // Set up the list of websites that we want to get icons for. websites = [NSArray arrayWithObjects:@"google.com", @"amazon.com", @"microsoft.com", @"apple.com", @"oreilly.com", nil]; websiteIcons = [[NSMutableArray alloc] init]; // For each website in the 'websites' array, insert an NSNull into the // website icons array. // These NSNulls will be replaced when the images are loaded from the // network. for (NSString* website in websites) { [websiteIcons addObject:[NSNull null]]; } } ``` 11. **在 ViewController.m 中添加以下方法**：实现表格视图的数据源方法，包括设置表格的分区数量、行数和单元格内容。 ```objc - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { // Number of cells = number of websites return [websiteIcons count]; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { // Get a cell from the table view. UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:@"IconCell"]; // Take the website name and give that to the cell NSString* websiteName = [websites objectAtIndex:indexPath.row]; cell.textLabel.text = websiteName; // If we have an image for this website, give it to the cell UIImage* websiteImage = [websiteIcons objectAtIndex:indexPath.row]; if ((NSNull*)websiteImage != [NSNull null]) { cell.imageView.image = websiteImage; } return cell; } ``` 12. **运行应用**：此时应用将显示一个网站列表。 接下来，让应用在后台加载网站图标： 1. **在 viewDidLoad 方法的末尾添加以下代码**：创建一个新的操作队列，并为每个网站创建一个后台操作，用于下载图标。 ```objc // Get a new operation queue. NSOperationQueue* backgroundQueue = [[NSOperationQueue alloc] init]; int websiteNumber = 0; // for keeping track of which index to // insert the new image into for (NSString* website in websites) { [backgroundQueue addOperationWithBlock:^{ // Construct a URL for the website's icon NSURL* iconURL = [NSURL URLWithString: [NSString stringWithFormat:@"http://%@/favicon.ico", website]]; // Construct a URL request for this URL NSURLRequest* request = [NSURLRequest requestWithURL:iconURL]; // Load the data NSData* loadedData = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil]; if (loadedData != nil) { // We got image data! Convert it to an image. UIImage* loadedImage = [UIImage imageWithData:loadedData]; // If the data wasn't able to be turned into an image, stop if (loadedImage == nil) { return; } // If it was, insert the image into the // table view on the main queue. [[NSOperationQueue mainQueue] addOperationWithBlock:^{ [websiteIcons replaceObjectAtIndex:websiteNumber withObject:loadedImage]; [self.tableView reloadData]; }]; } }]; websiteNumber++; } ``` 2