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

相关文章

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

自定义类型:结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐? 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识,并举出了两个例子,我们再举出两个例子继续说明: struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s

Spring 源码解读:自定义实现Bean定义的注册与解析

引言 在Spring框架中,Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义,Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制,帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry,以全面掌握Bean注册和解析的核心原理。

数据视图(AngularJS)

<!DOCTYPE html><html ng-app="home.controller"><head><meta charset="utf-8"><title>数据视图</title><link href="page/common/css/bootstrap.min.css" rel="stylesheet"><script src="page/common/js/angular.js"></

Oracle type (自定义类型的使用)

oracle - type   type定义: oracle中自定义数据类型 oracle中有基本的数据类型,如number,varchar2,date,numeric,float....但有时候我们需要特殊的格式, 如将name定义为(firstname,lastname)的形式,我们想把这个作为一个表的一列看待,这时候就要我们自己定义一个数据类型 格式 :create or repla

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" d