iOS个人整理22-可视化编辑-XIB

2024-05-11 21:32

本文主要是介绍iOS个人整理22-可视化编辑-XIB,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、可视化编辑-XIB

做UI的自然要有可视化编程,有拖拽控件的便利方法,现在开始学习xib的可视化编辑

基础概念

GUI:图形用户界面 (Graphical User Interface),也就是图形显示计算机操作用户界面

Interface Builder(简称IB):是Max OS X平台下用于设计和测试图形用户界面(GUI)的应用程序,代码和IB都可以生成GUI

IB可以使开发者简单快捷地开发出符合Mac西路操作系统的GUI。通常你只需要进行简单的拖拽来构建GUI

IB使用Nib文件来存储GUI资源,在需要时,Nib文件可以被快速地载入内存。


iOS下可视化编程分为两种方式:xib和storyBoard

在使用xib和storyBoard创建GUI时,以XML文件格式存储在Xcode中,编译时生成Nib的二进制文件。运行时,Nib文件被加载并创建GUI元素


xib的创建和使用

1.在新建UIKIT框架下的类时,勾选Also create XIB file选项,就会创建出和一个类关联的xib文件

 


2.如果忘记勾选Also create XIB file,可以在单独创建一个XIB文件,然后再手动将其和对应的类关联起来

这个过程比较麻烦,还不如删了重新建


(1)先创建一个在User Interface中的empty文件,命名随意,最好和类相关



(2)然后给empty文件拖拽添加一个View控件



(3)然后在empty文件的file's owner的Custom Class的Class那栏填上要关联的类的名字



(4)最后把file's owner的OutLets下的View的关联拖到控件View上



真是麻烦


创建完成之后是初始化,xib创建的视图控制器的初始化方式有所不同

TestXibViewController *testXibVC = [[TestXibViewController alloc]initWithNibName:@"TestXibViewController" bundle:nil];

NibName:当前控制器相关联的Nib文件,如果写nil,默认为同名文件

NibBundle:当前应用程序所在的文件,nil默认为mainBundle。

然后就可以在xib的选项卡里面干各种事情了



二、控件的拖拽和关联

虽然可视化方便了不少,但很多问题还需要代码来解决

1.我们拖拽一个UILabel到View上,它和代码没有任何关联

我吗需要点击右上角两个圈圈的按钮,他可以双屏显示,同时看到Xib和相关类的代码

用鼠标右键按住控件Label,拖拽到.h文件的属性声明处

出现小框,这里可以设置此Label的名字,设置为xibLabel


命名完毕点击connect得到了这个Label属性的声明

然后就可以在代码中对这个Label进行各种设置,而不再需要对Label进行初始化的操作。


2.同理如果是一个Button,可以给给他命名,并且添加方法,在Connection选项中选OutLet就是声明属性,选Action就是声明方法

声明方法后,会自动在.m文件中添加一个空的方法

  



3.再说一下代理设置

拖拽一个UITextField到View上,鼠标右键按住UITextField拖向File's Owner的正方体,

弹出一个小选框,选delegate,点击就讲这个UITextField的代理设置为当前的视图控制器了






4.再补充一点

如果拖进tableView控件,一定要记得给控件拖拽代理dataSource和delegete到所在的ViewController上


如果在xib的面板上自己添加自定义的tableViewCell

在注册单元格时有所不同,要先创建nib

//XIB中注册单元格UINib *cellNib = [UINib nibWithNibName:@"CustomTableViewCell" bundle:nil];//注册[_myXibTableView registerNib:cellNib forCellReuseIdentifier:@"CELL"];
如果使用tableview自带的cell,就用通用方法注册即可

[_myTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"CELL"];


这篇关于iOS个人整理22-可视化编辑-XIB的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/980709

相关文章

MyBatis Plus 中 update_time 字段自动填充失效的原因分析及解决方案(最新整理)

《MyBatisPlus中update_time字段自动填充失效的原因分析及解决方案(最新整理)》在使用MyBatisPlus时,通常我们会在数据库表中设置create_time和update... 目录前言一、问题现象二、原因分析三、总结:常见原因与解决方法对照表四、推荐写法前言在使用 MyBATis

MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)

《MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)》掌握多表联查(INNERJOIN,LEFTJOIN,RIGHTJOIN,FULLJOIN)和子查询(标量、列、行、表子查询、相关/非相关、... 目录第一部分:多表联查 (JOIN Operations)1. 连接的类型 (JOIN Types)

Python数据分析与可视化的全面指南(从数据清洗到图表呈现)

《Python数据分析与可视化的全面指南(从数据清洗到图表呈现)》Python是数据分析与可视化领域中最受欢迎的编程语言之一,凭借其丰富的库和工具,Python能够帮助我们快速处理、分析数据并生成高质... 目录一、数据采集与初步探索二、数据清洗的七种武器1. 缺失值处理策略2. 异常值检测与修正3. 数据

使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)

《使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)》字体设计和矢量图形处理是编程中一个有趣且实用的领域,通过Python的matplotlib库,我们可以轻松将字体轮廓... 目录背景知识字体轮廓的表示实现步骤1. 安装依赖库2. 准备数据3. 解析路径指令4. 绘制图形关键

8种快速易用的Python Matplotlib数据可视化方法汇总(附源码)

《8种快速易用的PythonMatplotlib数据可视化方法汇总(附源码)》你是否曾经面对一堆复杂的数据,却不知道如何让它们变得直观易懂?别慌,Python的Matplotlib库是你数据可视化的... 目录引言1. 折线图(Line Plot)——趋势分析2. 柱状图(Bar Chart)——对比分析3

JAVA数组中五种常见排序方法整理汇总

《JAVA数组中五种常见排序方法整理汇总》本文给大家分享五种常用的Java数组排序方法整理,每种方法结合示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录前言:法一:Arrays.sort()法二:冒泡排序法三:选择排序法四:反转排序法五:直接插入排序前言:几种常用的Java数组排序

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts?1. 基于 ECharts,功能强大2. 更符合 Vue

Spring Boot 常用注解整理(最全收藏版)

《SpringBoot常用注解整理(最全收藏版)》本文系统整理了常用的Spring/SpringBoot注解,按照功能分类进行介绍,每个注解都会涵盖其含义、提供来源、应用场景以及代码示例,帮助开发... 目录Spring & Spring Boot 常用注解整理一、Spring Boot 核心注解二、Spr

Android与iOS设备MAC地址生成原理及Java实现详解

《Android与iOS设备MAC地址生成原理及Java实现详解》在无线网络通信中,MAC(MediaAccessControl)地址是设备的唯一网络标识符,本文主要介绍了Android与iOS设备M... 目录引言1. MAC地址基础1.1 MAC地址的组成1.2 MAC地址的分类2. android与I

Python+Tkinter实现Windows Hosts文件编辑管理工具

《Python+Tkinter实现WindowsHosts文件编辑管理工具》在日常开发和网络调试或科学上网场景中,Hosts文件修改是每个开发者都绕不开的必修课,本文将完整解析一个基于Python... 目录一、前言:为什么我们需要专业的Hosts管理工具二、工具核心功能全景图2.1 基础功能模块2.2 进