进击的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

相关文章

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Spring MVC使用视图解析的问题解读

《SpringMVC使用视图解析的问题解读》:本文主要介绍SpringMVC使用视图解析的问题解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Spring MVC使用视图解析1. 会使用视图解析的情况2. 不会使用视图解析的情况总结Spring MVC使用视图

基于Spring实现自定义错误信息返回详解

《基于Spring实现自定义错误信息返回详解》这篇文章主要为大家详细介绍了如何基于Spring实现自定义错误信息返回效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录背景目标实现产出背景Spring 提供了 @RestConChina编程trollerAdvice 用来实现 HTT

SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

《SpringSecurity认证、注销、权限控制功能(注销、记住密码、自定义登入页)》SpringSecurity是一个强大的Java框架,用于保护应用程序的安全性,它提供了一套全面的安全解决方案... 目录简介认识Spring Security“认证”(Authentication)“授权” (Auth

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter(过滤器)类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter(过滤器)简介dubbo 过滤器运行时机自定义 filter第一种 @A

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element