开源 Objective-C IOS 应用开发(五)iOS操作(action)和输出口(Outlet)

文章的目的为了记录使用Objective-C 进行IOS app 开发学习的经历。本职为嵌入式软件开发,公司安排开发app,临时学习,完成app的开发。开发流程和要点有些记忆模糊,赶紧记录,防止忘记。

相关链接:

开源 Objective-C IOS 应用开发(一)macOS 的使用

开源 Objective-C IOS 应用开发(二)Xcode安装

开源 Objective-C IOS 应用开发(三)第一个iPhone的APP

开源 Objective-C IOS 应用开发(四)Xcode工程文件结构

开源 Objective-C IOS 应用开发(五)iOS操作(action)和输出口(Outlet)

推荐链接:

开源 Arkts 鸿蒙应用 开发(一)工程文件分析-CSDN博客

开源 Arkts 鸿蒙应用 开发(二)封装库.har制作和应用-CSDN博客

开源 Arkts 鸿蒙应用 开发(三)Arkts的介绍-CSDN博客

开源 Arkts 鸿蒙应用 开发(四)布局和常用控件-CSDN博客

开源 Arkts 鸿蒙应用 开发(五)控件组成和复杂控件-CSDN博客

开源 Arkts 鸿蒙应用 开发(六)数据持久--文件和首选项存储-CSDN博客

开源 Arkts 鸿蒙应用 开发(七)数据持久--sqlite关系数据库-CSDN博客

开源 Arkts 鸿蒙应用 开发(八)多媒体--相册和相机-CSDN博客

开源 Arkts 鸿蒙应用 开发(九)通讯--tcp客户端-CSDN博客

开源 Arkts 鸿蒙应用 开发(十)通讯--Http-CSDN博客

开源 Arkts 鸿蒙应用 开发(十一)证书和包名修改-CSDN博客

开源 Arkts 鸿蒙应用 开发(十二)传感器的使用-CSDN博客

开源 Arkts 鸿蒙应用 开发(十三)音频--MP3播放_arkts avplayer播放音频 mp3-CSDN博客

开源 Arkts 鸿蒙应用 开发(十四)线程--任务池(taskpool)-CSDN博客

开源 Arkts 鸿蒙应用 开发(十五)自定义绘图控件--仪表盘-CSDN博客

开源 Arkts 鸿蒙应用 开发(十六)自定义绘图控件--波形图-CSDN博客

开源 Arkts 鸿蒙应用 开发(十七)通讯--http多文件下载-CSDN博客

开源 Arkts 鸿蒙应用 开发(十八)通讯--Ble低功耗蓝牙服务器-CSDN博客

推荐链接:

开源 java android app 开发(一)开发环境的搭建-CSDN博客

开源 java android app 开发(二)工程文件结构-CSDN博客

开源 java android app 开发(三)GUI界面布局和常用组件-CSDN博客

开源 java android app 开发(四)GUI界面重要组件-CSDN博客

开源 java android app 开发(五)文件和数据库存储-CSDN博客

开源 java android app 开发(六)多媒体使用-CSDN博客

开源 java android app 开发(七)通讯之Tcp和Http-CSDN博客

开源 java android app 开发(八)通讯之Mqtt和Ble-CSDN博客

开源 java android app 开发(九)后台之线程和服务-CSDN博客

开源 java android app 开发(十)广播机制-CSDN博客

开源 java android app 开发(十一)调试、发布-CSDN博客

开源 java android app 开发(十二)封库.aar-CSDN博客

本章内容主要介绍Xcode中操作(Action)和输出口(Outlet)。从而知道操作事件和显示如何实现。有些实操的地方必须看图,否则很难说清。

目录:

1.基本介绍

2.实际使用

3.所有源码

4.手机演示

一、基本介绍

在iOS开发中,操作(Action)和输出口(Outlet)是用于连接界面元素与代码逻辑的核心机制,分别实现事件响应和界面控件引用。

输出口(Outlet)

  • 作用:在代码中声明变量以引用nib文件(如Storyboard或XIB)中的界面控件(如按钮、标签)。
  • 实现方式:通过IBOutlet标记变量,运行时与界面元素建立关联,允许代码直接操作控件属性(如修改标签文本)。 ‌12

操作(Action)

  • 作用:定义响应用户交互(如按钮点击)的方法,通过IBAction标记并与控件事件绑定。
  • 实现方式:拖拽控件事件到代码中生成方法,触发时执行对应逻辑(如更新界面状态)。 ‌13

两者共同实现界面与代码的交互,例如点击按钮后通过Action调用方法,再通过Outlet修改标签内容

二、实际使用

点击main,显示storyboard

1.添加控件

点击右上方的+号,可以实现控件的拖拽生成。实现上图的,label,textfiled,button。

2.属性配置

生成控件后,可能需要对控件的属性,比如字体大小等进行修改,先选中控件,右上方标红的图形,显示属性窗口进行配置。

3.同时显示前后台,Main.storyboard和ViewControler.m都需要显示在前台。

4.生成outlet输出

放开以后显示outlet的配置窗口,按钮也进行相同操作,实现了文本框和按钮的前后台绑定,ViewController.m中就可以对,main窗口中的控件进行操作了。

5.action的绑定,按下图对button的事件进行配置

输入名字进行配置

三、源码

在上面的所有配置完成后,修改源码如下

ViewController.m源码

复制代码
//
//  ViewController.m
//  first
//
//  Created by Mixic2025 on 2025/11/12.
//

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UITextField *txtText;
@property (weak, nonatomic) IBOutlet UIButton *btnAdd;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.txtText.text = @"0";
}




- (IBAction)btnAddClick:(id)sender {
    self.txtText.text = @"1234";
}


@end

四、手机演示,按下button后文本框显示1234。

相关推荐
拾荒的小海螺23 分钟前
开源项目:LTX2 高效可控的开源视频生成模型
开源·音视频
wenzhangli71 小时前
Ooder A2UI 第一性原理出发 深度解析核心逻辑
人工智能·开源
徐小夕@趣谈前端4 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
CoderJia程序员甲6 小时前
GitHub 热榜项目 - 日榜(2026-02-05)
ai·开源·大模型·github·ai教程
LeoZY_6 小时前
开源项目精选:Dear ImGui —— 轻量高效的 C++ 即时模式 GUI 框架
开发语言·c++·ui·开源·开源软件
开源能源管理系统7 小时前
MyEMS开源能源管理系统:赋能食品制造业绿色高效生产
开源·能源·能源管理系统
Coco恺撒8 小时前
【脑机接口】难在哪里,【人工智能】如何破局(2.研发篇)
人工智能·深度学习·开源·人机交互·脑机接口
徐同保8 小时前
通过ip访问nginx的服务时,被第一个server重定向了,通过设置default_server解决这个问题
ios·iphone
张3蜂11 小时前
身份证识别接口方案
人工智能·python·开源
2501_9159184112 小时前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview