iOS 基础篇3—手写控件，frame，center和bounds属性

最新推荐文章于 2024-11-07 17:44:50 发布
最新推荐文章于 2024-11-07 17:44:50 发布
阅读量444 收藏
点赞数
文章标签： ios

一、手写控件

1.手写控件的步骤

  1. 使用相应的控件类创建控件对象
  2. 设置该控件的各种属性
  3. 添加控件到视图中
  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属性
//


#import "YYViewController.h"

//私有扩展
@interface YYViewController ()

@property(nonatomic,weak)IBOutlet UIButton *headImageView;
@end

@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;


    //二、写四个控制图片左右上下移动方向的按钮控件

    /**================向上的按钮=====================*/
    //1.创建按钮对象
    UIButton *topbtn=[UIButton buttonWithType:UIButtonTypeCustom];

    //2.设置对象的属性
    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];


      /**================向下的按钮=====================*/
    //1.创建按钮对象
    UIButton *downbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    //2.设置对象的属性
    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];


     /**================向左的按钮=====================*/
    //1.创建按钮对象
    UIButton *leftbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    //2.设置对象的属性
    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];



    /**================向右的按钮=====================*/
    //1.创建按钮对象
    UIButton *rightbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    //2.设置对象的属性
    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;


    //使用bounds，以中心点位原点进行缩放
    CGRect bounds = self.headImageView.bounds;
    if (btn.tag) {
        bounds.size.height+=30;
        bounds.size.width+=30;
    }
    else
    {
        bounds.size.height-=50;
        bounds.size.width-=50;
    }

    //设置首尾动画
    [UIView beginAnimations:nil context:nil];
    self.headImageView.bounds=bounds;
    [UIView setAnimationDuration:2.0];
    [UIView commitAnimations];
}
@end

实现效果：

image

三、简单的动画效果

简单介绍首尾式动画效果

  1. 开始动画
  2. 设置动画相关的时间等
  3. 参与动画的行动
  4. 提交动画

注：实现代码参考上面的代码

jeikerxiao
关注
专栏目录
iOS开发中一些手写控件及其相关属性的使用
09-03
总的来说，理解和熟练运用这些手写控件和相关属性，能够帮助开发者更好地创建交互式和动态的iOS应用界面。通过代码布局界面是每个iOS开发者必备的技能，尤其是在没有使用Storyboard的情况下。熟悉这些基本概念和方法...
iOS view的frame和bounds之区别.pdf
09-15
在iOS开发中，视图（UIView）的frame和bounds是两个非常重要的属性，它们都是CGRect类型，包含了视图的位置和大小信息。但是这两个属性在概念和使用上有所区别，了解这些差异对于开发iOS应用至关重要。 首先，frame...
iOS开发UI篇—手写控件，frame，center和bounds属性
weixin_34107739的博客
05-21 137
iOS开发UI基础—手写控件，frame，center和bounds属性 一、手写控件 1.手写控件的步骤 （1）使用相应的控件类创建控件对象 （2）设置该控件的各种属性 （3）添加控件到视图中 （4）如果是button等控件，还需考虑控件的单击事件等 （5）注意：View Contollor和view的关系 2.注意点 在OC开发中，Storyboard中的所有操作都可以通...
iOS中frame、bound、center以及transform属性
热门推荐
EvanYang的专栏
04-26 1万+
1,frame属性，解析一下frame这个数据结构     @property(nonatomic) CGRect     frame; struct CGRect {   CGPoint origin;   CGSize size; }; 而 struct CGPoint {   CGFloat x;   CGFloat y; }; struct
IOS开发基础篇--手写控件，frame，center和bounds属性
weixin_30835923的博客
05-06 73
iOS开发UI基础—手写控件，frame，center和bounds属性 一、手写控件 1.手写控件的步骤 （1）使用相应的控件类创建控件对象 （2）设置该控件的各种属性 （3）添加控件到视图中 （4）如果是button等控件，还需考虑控件的单击事件等 （5）注意：View Contollor和view的关系 2.注意点 在OC开发中，Storyboard中的所有操作都可以通过代...
iOS开发UI基础—手写控件，frame，center和bounds属性
liushaoming
11-20 1085
转自 http://www.cnblogs.com/wendingding/p/3742073.html 文顶顶 iOS开发UI篇—手写控件，frame，center和bounds属性 iOS开发UI基础—手写控件，frame，center和bounds属性 一、手写控件 1.手写控件的步骤 （1）使用相应的控件类创建控件对象 （2）设置该控件的各种属性
文顶顶 iOS开发UI篇—手写控件，frame，center和bounds属性 iOS开发UI基础—手写控件，frame，center和bounds属性
zhuweideng的博客
06-12 538
文顶顶 http://www.cnblogs.com/wendingding/p/3742073.html iOS开发UI篇—手写控件，frame，center和bounds属性 iOS开发UI基础—手写控件，frame，center和bounds属性 一、手写控件 1.手写控件的步骤 （1）使用相应的控件类创建控件对象 （2）设置该控件的各种属性 （3）添加控件到视图
OS开发UI篇—手写控件，frame，center和bounds属性
qq_21344741的博客
12-02 331
文顶顶 iOS开发UI篇—手写控件，frame，center和bounds属性 iOS开发UI基础—手写控件，frame，center和bounds属性 一、手写控件 1.手写控件的步骤 （1）使用相应的控件类创建控件对象 （2）设置该控件的各种属性 （3）添加控件到视图中 （4）如果是button等控件，还需考虑控件的单击事件等 （5）注意：
iOS开发基础篇-手写控件
anghua4068的博客
01-03 168
一、手写控件的步骤 　　1）使用相应的控件类创建控件对象； 　　2）设置该控件的各种属性； 　　3）添加空间到视图中； 　　4）如果是UIButton等控件，还需考虑控件的单击事件等； 二、添加UIButton单击事件 　　[topbtn addTarget:self action:@selector(move:) forControlEvents:UICon...
frame、center、bounds、transframe属性
小飞霞的专栏
04-01 389
一、概述 frame:控制位置和大小 center:控制位置（中心点） bounds：控制大小（以自己的左上角为原点） 二、注意点 （1）通过以下属性可以修改控件的位置 frame.origin center （2）通过以下属性可以修改控件的尺寸 frame.size bounds.size 三、代码示例 一个控制图片上下左右平移，缩放的程序（frame、c
iOS开发：手写控件与属性详解
在iOS开发中，了解并正确使用frame、center和bounds属性对于布局控件至关重要： 1. frame：包含了控件的位置（x，y坐标）和大小（width，height）。它相对于其父视图的坐标系来定义。 2. center：是控件的中心点...
如何封装一个axios，封装axios有哪些好处
Sherry Tian的博客
11-04 802
如何封装一个axios，封装axios有哪些好处
python获取iOS最近业务日志的两种方法
0.85度的博客
11-07 208
当UI自动化用例执行失败的时候，需要获取当时的日志，供后续分析使用。 现在已经把iOS沙盒目录挂载到本地，剩下的事情就是从沙盒目录中捞取当前的日志，沙盒中的日志文件较大，整体导出来也可以，但是会有些无用的日志，最好是能获取到UI自动化执行失败时，当时的日志，因为那时日志已经打印到日志文件中，只需捞取一定量的日志即可，可供精准分析。
苹果发布iOS 18.2首个公测版：Siri接入ChatGPT、iPhone 16拍照按钮有用了
weixin_41446370的博客
11-07 290
ChatGPT具备卓越的生成文本和图像能力，超越苹果现有的写作工具和文生图Image Playground功能，Siri接入ChatGPT之后，它能更加高效的完成用户交给的指令。iPhone 16系列升级之后，可以对准任何物体，长按进行识别，可以获得有关信息，比如面对餐厅时就会自动呈现评论等，面向某一物体则会展示介绍等等。苹果表示，苹果在调用ChatGPT时非常注重保护用户隐私，会隐藏用户IP，并承诺苹果与OpenAI都不会保存用户的ChatGPT请求记录。另外，在iOS 18.2中，除了美国英语外，
手写一个axios方法
Sherry Tian的博客
11-04 801
本文讲解如何使用XMLHttpRequest 来实现一个简易版的 axios
iOS灵动岛动画小组件怎么播放动画
IT_Scratch的博客
11-02 541
紧凑型，最小化，扩展型，还有锁屏位置。我们先来看一下我这边实现的动画效果。
IOS 防截屏实现
weixin_45958328的博客
11-04 280
IOS 防截屏
基于Java的家庭理财系统设计与开发-金融管理-家庭财产管理-实用性强
最新发布
11-07
内容概要：文章探讨了互联网时代的背景下开发一个实用的家庭理财系统的重要性。文中分析了国内外家庭理财的现状及存在的问题，阐述了开发此系统的目的——对家庭财产进行一体化管理，提供统计、预测功能。系统涵盖了家庭成员管理、用户认证管理、账单管理等六大功能模块，能够满足用户多方面查询及统计需求，并保证数据的安全性与完整性。设计中运用了先进的技术栈如SSM框架（Spring、SpringMVC、Mybatis），并采用MVC设计模式确保软件结构合理高效。 适用人群：对于希望科学地管理和规划个人或家庭财务的普通民众；从事财务管理相关专业的学生；有兴趣于家政学、经济学等领域研究的专业人士。 使用场景及目标：适用于日常家庭财务管理的各个场景，帮助用户更好地了解自己的消费习惯和资金状况；为目标客户提供一套稳定可靠的解决方案，助力家庭财富增长。 其他说明：文章还包括系统设计的具体方法与技术选型的理由，以及项目实施过程中的难点讨论。对于开发者而言，不仅提供了详尽的技术指南，还强调了用户体验的重要性。
iOS开发：手写控件与frame、center、bounds属性详解
“iOS开发中涉及的手写控件创建与属性设置” 在iOS开发中，创建和自定义控件是构建用户界面的关键步骤。本资源主要介绍了如何手写创建控件，以及与控件布局紧密相关的frame、center和bounds属性。以下是对这些知识...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值