IOS开发之——XIB自定义视图(33)

一 概述

IOS可以通过XIB进行自定义视图&＃xff0c;同Storyboard视图相比&＃xff1a;

• Storyboard&＃xff1a;重量级&＃xff0c;能够描述一个应用程序所有的界面

• XIB&＃xff1a;轻量级&＃xff0c;在Xcode 4.0之前&＃xff0c;是主要的图形化界面搭建工具InterfaceBuilder&＃xff0c;在现在&＃xff0c;依然是主流的界面开发技术&＃xff0c;适用于开发小块的自定义视图

二 新建XIB界面

• 依次点击&＃xff1a;Xcode——>New File——>User Interface——>Empty&＃xff0c;打开XIB新建对话框

  

   

• 如图所示&＃xff0c;给xib添加指定大小的View&＃xff0c;并向其中添加子View(UIImage,UILabel,UIButton)&＃xff0c;为子View设置相应的属性值

  

   

三 将XIB应用到ViewController&＃xff0c;替换代码构建视图

//从XIB来家长自定义视图UIView *appView&＃61;[[[NSBundle mainBundle]loadNibNamed:&＃64;"AppView" owner:nil options:nil] lastObject];//设置视图的位置appView.frame&＃61;CGRectMake(x, y, kAppViewW, kAppViewH);[self.view addSubview:appView];AppInfo *appInfo&＃61;self.appList[i];//九宫格背景色//1->UIImageViewUIImageView *icon&＃61;appView.subviews[0];icon.image&＃61;appInfo.image;//2->UILabel->应用程序名称UILabel *label&＃61;appView.subviews[1];//设置程序名称label.text&＃61;appInfo.name;//3->UIButton->下载按钮UIButton *button&＃61;appView.subviews[2];