进击的KFC:UI(三)自定义视图、视图控制器

2023-12-22 08:38

本文主要是介绍进击的KFC:UI(三)自定义视图、视图控制器,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

⼀、⾃定义label-textField视图
1.1⾃定义视图:系统标准UI之外,⾃⼰组合⽽出的新的视图。
iOS提供了很多UI组件,借助它们,我们可以做各种程序。
尽管如此,实际开发中,我们还需⾃定义视图。积累⾃⼰的代码库。
⽅便开发。⾃⼰封装的视图,能像系统UI控件⼀样,⽤于别的项⺫
中,能⼤⼤降低开发成本,提⾼开发效率。

1.2⾃定义视图步骤
根据需求的不同,⾃定义视图继承的类也有所不同。⼀般⾃定义的
视图会继承于UIView。以下是⾃定义视图的要点:
1、创建⼀个UIView⼦类
2、在类的初始化⽅法中添加⼦视图
3、类的.h⽂件提供⼀些接⼝(⽅法),便于外界操作⼦视图

1.3label-textField视图
假设我们使⽤LTView类代表label-textfield视图。
我们创建⼀个LTView类继承于UIView。
我们将LTView作为⼀个容器,在LTView的初始化⽅法中创建并添加
label和textField。
此时的LTView就变成了⼀个具有label和textField的视图了
这里写图片描述
主要是在LTView初始化的时候,把UILabel,和 UITextField也初始化并添加到LTView上去

- (instancetype)initWithFrame:(CGRect)frame
{self = [super initWithFrame:frame];if (self) {     // 用属性写:   // 获取动态宽度CGFloat width = frame.size.width;// 获取动态高度CGFloat height = frame.size.height;     // 需要根据上面的宽度,来添加labelself.label = [[[UILabel alloc]initWithFrame:CGRectMake(0, 0, width / 3, height)]autorelease];// self.label.backgroundColor = [UIColor greenColor];// 添加到自己身上[self addSubview:self.label];self.textField = [[[UITextField alloc] initWithFrame:CGRectMake(width / 3 + 20, 0, width * 2 / 3 - 20, height)]autorelease];//  self.textField.backgroundColor = [UIColor magentaColor];self.textField.borderStyle = UITextBorderStyleRoundedRect;[self addSubview:self.textField];}return  self;
}

二,视图控制器
UIViewController
2.1视图控制器概述
UIViewController:视图控制器。
控制视图显⽰,响应事件。
分担AppDelegate的⼯作。
实现模块独⽴,提⾼复⽤性。

2.2视图控制器功能
控制视图⼤⼩变换、布局视图、响应事件。
检测以及处理内存警告。
检测以及处理屏幕旋转。
检测视图的切换。
2.3在AppDelegate.m中:设置根视图控制器

// 创建控制器RootViewController *rootVC = [[RootViewController alloc]init];// 设置根视图self.window.rootViewController = rootVC;// 释放[rootVC release];

2.4MVC概述
MVC是一种设计的模式,好处:让视图View可以复用
应用 1.首先 视图层(View)只写视图的布局
2.数据模型层(Model) 只写数据的结构 (直接写NS开头的)
3.控制器(Controller) 负责逻辑部分, ( 例如从Model里取数据, 然后 去更改视图显示 )
MVC把工程中的代码 模块化(降低耦合度) 尽量让 视图部分 的代码可以复用
一般一个视图控制器,控制一个页面

三、视图控制器指定⾃定义view
3.1UIViewController⾃带⼀个空的view,与需求不符合。
视图控制器只负责控制视图显⽰,响应事件
3.2如何设置?
⾃定义视图类继承UIView。在初始化⽅法中添加⼦视图控件。
重写controller的loadView⽅法。创建⾃定义视图对象,并指定为controller
的view。
将⼦视图控件对象设置为⾃定义视图类的属性,在viewDidLoad⽅法中进
⾏设置:添加action、设置delegate等等。
在controller中添加按钮点击事件实现和代理⽅法的实现。

需要记住的两个方法:1.添加的时候:self.secondVC = [[SecondViewController alloc]init];// 把secondVC添加成子控制器 让rootVC去管理[self addChildViewController:self.secondVC];// 把secondVC自带的.view添加到rootVC自带的.view上 (把自控制器的视图显示出来)[self.view addSubview:self.secondVC.view];2.移除的时候// 先移除视图[self.secondVC.view removeFromSuperview];// 再移除子视图控制器[self.secondVC removeFromParentViewController];

四、检测屏幕旋转

/*屏幕旋转横屏时,横屏布局竖屏时,竖屏布局步骤:1.允许屏幕旋转2.指定屏幕旋转的方向3.找到旋转触发的方法4.改变布局5.测试*/
1.RootViewController.m中
// 屏幕旋转
// view重写layoutSubviews⽅法,根据设备⽅向,重新布局
// [UIApplication shareApplication].statusBarOrientation提供设备当前⽅向。// 1.允许屏幕旋转
- (BOOL)shouldAutorotate
{return YES;
}// 2.指定屏幕旋转的方向
- (NSUInteger)supportedInterfaceOrientations
{return UIInterfaceOrientationMaskAll;   
}// 看一下:宽和高的互换
-(void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{NSLog(@"%@",NSStringFromCGSize(size)); // 打印旋转时,宽和高的互换 
}2.LoginView.m中
// 重新布局子视图
// frame发生变化的时候,会触发layoutSubviews方法 (这是重点)
-(void)layoutSubviews
{// 因为不知道父类这个方法 做了啥// 所以需要先调用写一下的 先调用父类的方法// 然后 再写咱们自己的[super layoutSubviews];// frame发生变化,相当于横屏了,这时咱们需要重新布局// 判断竖屏还是横屏// 1.把应用程序取出来,// 2.判断当前应用程序屏幕的朝向// 取出应用程序 单例方法的命名规范share...什么UIApplication *app = [UIApplication sharedApplication];// 判断方向// 若为上下if (app.statusBarOrientation == UIInterfaceOrientationPortrait || app.statusBarOrientation ==UIInterfaceOrientationPortraitUpsideDown) {NSLog(@"竖着");// 不变,上面粘过来self.userNameLTView.frame = CGRectMake((kScreenWidth - 300)/ 2 , 100, 300, 50);self.passwordLTView.frame = CGRectMake(self.userNameLTView.frame.origin.x, self.userNameLTView.frame.origin.y + self.userNameLTView.frame.size.height +  kRowHeight, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);}else{NSLog(@"横着");// 重新设置frame,无需创建新的LTViewself.passwordLTView.frame = CGRectMake(self.userNameLTView.frame.origin.x + self.userNameLTView.frame.size.width + 10, self.userNameLTView.frame.origin.y, self.userNameLTView.frame.size.width, self.userNameLTView.frame.size.height);}
}

五、处理内存警告
5.1处理内存警告
控制器能监测内存警告,以便我们避免内存不够引起的crash。
在定义的controller⼦类中重写didReceiveMemoryWarning⽅法。
释放暂时不使⽤的资源。(数据对象、图像)

// 接到内存警告
- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.    NSLog(@"内存警告了");   // 释放已经被显示过的,并且不是当前显示的视图// (如果这个视图正在被显示,那么,这个视图的window属性不是空的)if ([self isViewLoaded] == YES && self.view.window == nil) { // 只有被加载过,并且不在被展示,才能呗释放// 把当前视图 释放self.view = nil;}
}

总结:
iOS提供了很多标准组件,标准组件完成我们的需要,但是适当的
封装,组合⼀个新的控件⽆疑能给我们带来效率上的提⾼。学会⾃
定义控件是你成为⾼⼿的关键⼀步。
视图控制器是MVC中的C,⽤于处理视图触发的事件。
处理旋转和内存警告

这篇关于进击的KFC:UI(三)自定义视图、视图控制器的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

一文详解Java Stream的sorted自定义排序

《一文详解JavaStream的sorted自定义排序》Javastream中的sorted方法是用于对流中的元素进行排序的方法,它可以接受一个comparator参数,用于指定排序规则,sorte... 目录一、sorted 操作的基础原理二、自定义排序的实现方式1. Comparator 接口的 Lam

如何自定义一个log适配器starter

《如何自定义一个log适配器starter》:本文主要介绍如何自定义一个log适配器starter的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录需求Starter 项目目录结构pom.XML 配置LogInitializer实现MDCInterceptor

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

Druid连接池实现自定义数据库密码加解密功能

《Druid连接池实现自定义数据库密码加解密功能》在现代应用开发中,数据安全是至关重要的,本文将介绍如何在​​Druid​​连接池中实现自定义的数据库密码加解密功能,有需要的小伙伴可以参考一下... 目录1. 环境准备2. 密码加密算法的选择3. 自定义 ​​DruidDataSource​​ 的密码解密3

spring-gateway filters添加自定义过滤器实现流程分析(可插拔)

《spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔)》:本文主要介绍spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔),本文通过实例图... 目录需求背景需求拆解设计流程及作用域逻辑处理代码逻辑需求背景公司要求,通过公司网络代理访问的请求需要做请

QT6中绘制UI的两种方法详解与示例代码

《QT6中绘制UI的两种方法详解与示例代码》Qt6提供了两种主要的UI绘制技术:​​QML(QtMeta-ObjectLanguage)​​和​​C++Widgets​​,这两种技术各有优势,适用于不... 目录一、QML 技术详解1.1 QML 简介1.2 QML 的核心概念1.3 QML 示例:简单按钮

详解如何在SpringBoot控制器中处理用户数据

《详解如何在SpringBoot控制器中处理用户数据》在SpringBoot应用开发中,控制器(Controller)扮演着至关重要的角色,它负责接收用户请求、处理数据并返回响应,本文将深入浅出地讲解... 目录一、获取请求参数1.1 获取查询参数1.2 获取路径参数二、处理表单提交2.1 处理表单数据三、

在 PyQt 加载 UI 三种常见方法

《在PyQt加载UI三种常见方法》在PyQt中,加载UI文件通常指的是使用QtDesigner设计的.ui文件,并将其转换为Python代码,以便在PyQt应用程序中使用,这篇文章给大家介绍在... 目录方法一:使用 uic 模块动态加载 (不推荐用于大型项目)方法二:将 UI 文件编译为 python 模

Spring Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依