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

时间：2024-03-23 20:49:45

一 概述

IOS可以通过XIB进行自定义视图，同Storyboard视图相比：

  • Storyboard：重量级，能够描述一个应用程序所有的界面

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

<!--more-->

二 新建XIB界面

  • 依次点击：Xcode——>New File——>User Interface——>Empty，打开XIB新建对话框

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

     

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

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

     

三 将XIB应用到ViewController，替换代码构建视图

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

相关文章