iOS开发UI基础—手写控件,frame,center和bounds属性
2023-09-14 08:57:58 时间
(4)如果是button等控件,还需考虑控件的单击事件等
(5)注意:View Contollor和view的关系
2.注意点
在OC开发中,Storyboard中的所有操作都可以通过代码实现,程序员一定要熟练掌握代码布局界面的能力!
设置控件监听方法的示例代码如下:
[btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
提示:
1 addTarget方法定义在UIControl类中,这意味着可以给所有继承自UIControl类的对象添加监听方法
2 监听方法的第一个参数就是对象本身
3 监听方法的第二个参数是监听控件的事件
3.代码示例
//1.使用类创建一个按钮对象 // UIButton *headbtn=[[UIButton alloc] initWithFrame:CGRectMake(100 ,100, 100, 100)]; //设置按钮对象为自定义型 UIButton *headbtn=[UIButton buttonWithType:UIButtonTypeCustom]; //2.设置对象的各项属性 //(1)位置等通用属性设置 headbtn.frame=CGRectMake(100, 100, 100, 100); //(2)设置普通状态下按钮的属性 [headbtn setBackgroundImage:[UIImage imageNamed:@"i"] forState:UIControlStateNormal]; [headbtn setTitle:@"点我!" forState:UIControlStateNormal]; [headbtn setTitleColor:[UIColor redColor] forState:UIControlStateNormal]; //(3)设置高亮状态下按钮的属性 [headbtn setBackgroundImage:[UIImage imageNamed:@"a"] forState:UIControlStateHighlighted]; [headbtn setTitle:@"还行吧~" forState:UIControlStateHighlighted]; [headbtn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted]; //3.把对象添加到视图中展现出来 [self.view addSubview:headbtn]; //注意点! self.headImageView=headbtn;
二、frame,center和bounds属性
1.frame、center和bounds属性
frame:控制位置和大小
center:控制位置(中心点)
bounds:控制大小(以自己的左上角为原点)
2.注意点
(1)通过以下属性可以修改控件的位置
frame.origin
center
(2)通过以下属性可以修改控件的尺寸
frame.size
bounds.size
3.代码示例
一个控制图片上下左右平移,缩放的程序(frame、center和bounds属性)
// // YYViewController.m // 01-练习使用按钮的frame和center属性 // Created by apple on 14-5-21. // Copyright (c) 2014年 itcase. All rights reserved. #import "YYViewController.h" //私有扩展 @interface YYViewController () @property(nonatomic,weak)IBOutlet UIButton *headImageView; @implementation YYViewController //枚举类型,从1开始 typedef enum ktopbtntag=1, kdownbtntag, krightbtntag, kleftbtntag }btntag; //viewDidLoad是视图加载完成后调用的方法,通常在此方法中执行视图控制器的初始化工作 - (void)viewDidLoad //在viewDidLoad方法中,不要忘记调用父类的方法实现 [super viewDidLoad];
//1.使用类创建一个按钮对象 // UIButton *headbtn=[[UIButton alloc] initWithFrame:CGRectMake(100 ,100, 100, 100)]; //设置按钮对象为自定义型 UIButton *headbtn=[UIButton buttonWithType:UIButtonTypeCustom]; //2.设置对象的各项属性 //(1)位置等通用属性设置 headbtn.frame=CGRectMake(100, 100, 100, 100); //(2)设置普通状态下按钮的属性 [headbtn setBackgroundImage:[UIImage imageNamed:@"i"] forState:UIControlStateNormal]; [headbtn setTitle:@"点我!" forState:UIControlStateNormal]; [headbtn setTitleColor:[UIColor redColor] forState:UIControlStateNormal]; //(3)设置高亮状态下按钮的属性 [headbtn setBackgroundImage:[UIImage imageNamed:@"a"] forState:UIControlStateHighlighted]; [headbtn setTitle:@"还行吧~" forState:UIControlStateHighlighted]; [headbtn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted]; //3.把对象添加到视图中展现出来 [self.view addSubview:headbtn]; //注意点! self.headImageView=headbtn;
topbtn.frame=CGRectMake(100, 250, 40, 40); [topbtn setBackgroundImage:[UIImage imageNamed:@"top_normal"] forState:UIControlStateNormal]; [topbtn setBackgroundImage:[UIImage imageNamed:@"top_highlighted"] forState:UIControlStateHighlighted]; [topbtn setTag:1]; //3.把控件添加到视图中 [self.view addSubview:topbtn]; //4.按钮的单击控制事件 [topbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
downbtn.frame=CGRectMake(100, 350, 40, 40); [downbtn setBackgroundImage:[UIImage imageNamed:@"bottom_normal"] forState:UIControlStateNormal]; [downbtn setBackgroundImage:[UIImage imageNamed:@"bottom_highlighted"] forState:UIControlStateHighlighted]; [downbtn setTag:2]; //3.把控件添加到视图中 [self.view addSubview:downbtn]; //4.按钮的单击控制事件 [downbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
leftbtn.frame=CGRectMake(50, 300, 40, 40); [leftbtn setBackgroundImage:[UIImage imageNamed:@"left_normal"] forState:UIControlStateNormal]; [leftbtn setBackgroundImage:[UIImage imageNamed:@"left_highlighted"] forState:UIControlStateHighlighted]; [leftbtn setTag:4]; //3.把控件添加到视图中 [self.view addSubview:leftbtn]; //4.按钮的单击控制事件 [leftbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
rightbtn.frame=CGRectMake(150, 300, 40, 40); [rightbtn setBackgroundImage:[UIImage imageNamed:@"right_normal"] forState:UIControlStateNormal]; [rightbtn setBackgroundImage:[UIImage imageNamed:@"right_highlighted"] forState:UIControlStateHighlighted]; [rightbtn setTag:3]; //3.把控件添加到视图中 [self.view addSubview:rightbtn]; //4.按钮的单击控制事件 [rightbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside]; //三、写两个缩放按钮 /**================放大的按钮=====================*/ //1.创建对象 UIButton *plusbtn=[UIButton buttonWithType:UIButtonTypeCustom]; //2.设置属性 plusbtn.frame=CGRectMake(75, 400, 40, 40); [plusbtn setBackgroundImage:[UIImage imageNamed:@"plus_normal"] forState:UIControlStateNormal]; [plusbtn setBackgroundImage:[UIImage imageNamed:@"plus_highlighted"] forState:UIControlStateHighlighted]; [plusbtn setTag:1]; //3.添加到视图 [self.view addSubview:plusbtn]; //4.单击事件 [plusbtn addTarget:self action:@selector(Zoom:) forControlEvents:UIControlEventTouchUpInside];
/**================缩小的按钮=====================*/ UIButton *minusbtn=[UIButton buttonWithType:UIButtonTypeCustom]; minusbtn.frame=CGRectMake(125, 400, 40, 40); [minusbtn setBackgroundImage:[UIImage imageNamed:@"minus_normal"] forState:UIControlStateNormal]; [minusbtn setBackgroundImage:[UIImage imageNamed:@"minus_highlighted"] forState:UIControlStateHighlighted]; [minusbtn setTag:0]; [self.view addSubview:minusbtn]; [minusbtn addTarget:self action:@selector(Zoom:) forControlEvents:UIControlEventTouchUpInside]; //控制方向的多个按钮调用同一个方法 -(void)Click:(UIButton *)button //练习使用frame属性 //CGRect frame=self.headImageView.frame; /**注意,这里如果控制位置的两个属性frame和center同时使用的话,会出现很好玩的效果,注意分析*/ //练习使用center属性 CGPoint center=self.headImageView.center; switch (button.tag) { case ktopbtntag: center.y-=30; break; case kdownbtntag: center.y+=30; break; case kleftbtntag: //发现一个bug,之前的问题是因为少写了break,造成了它们的顺序执行,sorry //center.x=center.x-30; center.x-=50; break; case krightbtntag: center.x+=50; break; // self.headImageView.frame=frame; //首尾式设置动画效果 [UIView beginAnimations:nil context:nil]; self.headImageView.center=center; //设置时间 [UIView setAnimationDuration:2.0]; [UIView commitAnimations]; NSLog(@"移动!"); -(void)Zoom:(UIButton *)btn //使用frame,以自己的左上角(自己的原点)为原点 // CGRect frame=self.headImageView.frame; // if (btn.tag) { // frame.size.height+=30; // frame.size.width+=30; // else // frame.size.width-=50; // frame.size.height-=50; // self.headImageView.frame=frame;实现效果:
三、简单的动画效果
简单介绍首尾式动画效果
(1)开始动画
(2)设置动画相关的时间等
(3)参与动画的行动
(4)提交动画
注:实现代码参考上面的代码
一个基于.Net Core+Vue+Element Ui开发的OA系统 一个基于.Net Core构建的简单、跨平台OA系统。企业可以利用它进行信息化建设,框架提供了用户管理、权限管理、表引擎、流程引擎、BI智能报表,可以大大的简化企业数字化成本和效率。
安卓UI设计开发——Material Design(BottomSheetDialogFragment篇) 随着工作的不断深入,作者最近接触到了给APP换UI的需求,看着花里胡哨的新UI,想起了我之前无意在某设计网站上碰到的新词——高级设计感,紧接着,作者又在开发中发现了Google提出的Material Design
【青训营】- 前端只是切图仔?来学学给开发人看的UI设计(下) 于开发人来说,不单单要会写代码,有良好的用户体验思想也是非常重要的。毕竟,开发完的内容是要给用户来使用的,而不是自己随心所欲觉得哪里想添加个内容就哪里添加。 因此呢,在下面的这篇文章中,将学习给开发人看的 UI 设计。一起来了解吧~
相关文章
- iOS小技能:封装银联接口协议(收银台的订单退款、查询机制)【下篇】
- iOS关于地图定位基础(二)[通俗易懂]
- Uni开发的app,使用Windows S10,放在ios上,全程跟着一个马平川。
- 坏消息,new Date()方法在IOS系统中存在null值情况
- 微信小程序 CSS border-radius元素 overflow:hidden失效问题 iPhone ios 苹果兼容问题
- iOS KVO实现原理及使用
- 2022最新最全升级版【精品工具】用Appuploader发布上传iOS APP上架流程简单快速
- 【 iOS 应用开发 】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )
- iOS实现爆炸的效果详解手机开发
- ios怎么判断日期是周末详解手机开发
- iOS 改变键盘颜色的代码详解手机开发
- android仿ios开关按钮详解手机开发
- iOS开发—集成百度地图,位置偏移问题详解手机开发
- iOS开发-友盟分享(3)详解手机开发
- appLinux开发探索之路:从iOS APP开始(linux开发ios)
- 操作系统开启iOS时代:Linux操作系统的新篇章(ios是linux)
- 操作系统比较:iOS 与 Linux 操作系统(ios与linux)
- 在iOS上安装Linux系统的挑战(ios上安装linux)
- 苹果奇怪的问题+1:当iOS时区设置为黎巴嫩贝鲁特时闹钟无限崩溃
- 把 Linux 安装到 iOS 设备上的步骤(ios安装linux)
- 应用Linux上编译IOS应用:实现跨平台体验(linux编译ios)
- IOS上可以安装Oracle吗(ios能装oracle吗)
- iOS 轻松登录 Oracle 数据库(ios 登陆oracle)