多个按钮，点击单个按钮更改被点击按钮图片的方法

最新推荐文章于 2022-04-25 14:23:46 发布

原创最新推荐文章于 2022-04-25 14:23:46 发布 · 761 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #更换

IOS前端专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了如何使用Objective-C编程语言创建自定义按钮控件，并通过按钮的点击事件实现三种不同模式的切换功能。通过设置按钮的样式、状态、文字显示以及响应事件，实现了自动模式、定时模式和手动模式之间的无缝切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义全局中间变量 button *tmpBtn

NSArray *btnTitle = @[@"自动模式",@"定时模式",@"手动模式"];

for (int i = 0; i < btnTitle.count; i++) {

UIButton *workModelBtn = [UIButton buttonWithType:UIButtonTypeCustom];

workModelBtn.frame = CGRectMake(70, 200+i*80, 220, 35);

[workModelBtn setTitle:btnTitle[i] forState:UIControlStateNormal];

workModelBtn.titleLabel.font = [UIFont systemFontOfSize:25];

workModelBtn.tag = 20 +i;

[workModelBtn setImage:[UIImage imageNamed:@"Knob.png"] forState:UIControlStateNormal];

[workModelBtn setImage:[UIImage imageNamed:@"圈.png"] forState:UIControlStateSelected];

[workModelBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

[workModelBtn addTarget:self action:@selector(onClickchange:) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:workModelBtn];

}

if (tmpBtn ==nil){

sender.selected = YES;

tmpBtn = sender;

}

else if (tmpBtn !=nil &&tmpBtn == sender){

sender.selected = YES;

}

else if (tmpBtn!= sender &&tmpBtn!=nil){

tmpBtn.selected =NO;

sender.selected = YES;

tmpBtn = sender;

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Reborn_1127

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue3 - 详细实现图片预览功能，点击图像、按钮事件触发图像预览效果，支持单个图片或多个图片轮播切换预览，类似相册预览效果，图片查看器功能（图片可旋转翻转、滚轮放大缩小、拖曳拖拽图片、修改遮罩背景色

🏆 前端领域优质创作者

02-23

4316

vue3，图片预览，图像预览，vue3预览图片，vue3预览图像，vue3相册预览，图片查看器功能，预览图片，怎么预览多个图片并且可以切换，vue3最好用的图片预览插件，vue3网站pc好用的图片预览插件，vue3实现图片预览组件，vue3项目实现预览图片、旋转图片功能，vue3中使用viewerjs实现图片预览效果，vue3电脑网页怎么预览图片图像，图片预览组件，vue3项目中如何实现图片组预览查看，弹框放大显示图片并居中预览，在Vue3项目中实现图片的在线预览，实现通过点击按钮来触发图片预览功能，在vu

Vue3 - Element Plus 气泡卡片 Popover 手动关闭，支持 v-for 循环出来的多个弹框（el-popover 点击其他区域关闭弹出框，通过点击按钮手动触发关闭隐藏气泡弹框）

🏆 前端领域优质创作者

09-12

1万+

vue3elementplus气泡卡片el-popover组件，vue3Popover气泡卡片怎么手动关闭，elementplusel-popover手动关闭，Elementplus饿了么组件库中el-popover气泡框弹出框手动关闭详细教程，elementplus气泡弹框el-popover如何点击按钮手动进行隐藏关闭，elementplus解决循环出多个el-popover点击其中一个则其它都关闭，v-for循环多个气泡弹框如何实现关闭各自的弹框，页面v-for循环出来的气泡

参与评论您还未登录，请先登录后发表或查看评论

jq 单个按钮状态切换以及二级菜单

Neil_1993的博客

03-15

848

$(document).ready(function() { var old = null; //用来保存原来的对象 $("body").click(function() { old = this; $("#ifjx").addClass('icon-paixu-shengxu'); $("#ifjx").removeClass('icon-paixu-jiangxu'); ...

点击按钮改变多张图片

weixin_30848775的博客

12-02

167

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...

四十七、一排按钮，点击哪个按钮就改变哪个按钮样式的功能实现

weixin_45256247的博客

04-25

736

说明一排按钮，点击哪个按钮就改变哪个按钮的样式。如下图就这个小功能，项目中经常会遇到，每次都脑子what了，一时竟不知道这个逻辑该怎么实现。有时写出来了，过一段时间碰到了又不会了，这次特地记录一下。上代码： html模版 <div class="nav"> <div class="twoBtn"> <div class="Dashboard" @click="$router.push('/reportFormRouter'

通过点击按钮来切换图片

weixin_44551950的博客

02-22

2872

作者：蒋鹏杰撰写时间：2019.2.22 Html样式： Css样式： Js样式：

点击按钮更换图片(图片按钮)(要加协议UIImagePickerControllerDelegate)

u011707525的专栏

08-19

664

//更换图片 -(IBAction) dishImageBtnAction:(id)sender { UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];//打开照片控制器 imagePicker.delegate = self; //imag

详解iOS按钮暴力点击的便捷解决方案

08-31

通常，点击事件有两种情况：一是用户点击按钮后，如果应用程序没有正确处理连续的点击，可能会导致多个点击事件被触发；二是开发者可能希望限制按钮只响应最后一次点击，忽略前面的快速连续点击。为了解决这些问题，...

TIA博途中FC或FB块被多次调用后，监控单个块执行情况的具体方法.docx

07-11

在TIA博途中，当FC（Function）或FB（Function Block）被多次调用时，监控单个块的执行情况是调试程序的关键步骤。本文通过一个电机启保停的实例来详细阐述这一过程。首先，我们需要创建一个FC块，比如名为"启保停...

JS基于onclick事件实现单个按钮的编辑与保存功能示例

10-20

本文将详细阐述如何使用JavaScript的onclick事件来实现一个按钮在被点击时执行编辑和保存功能。这个示例利用了JavaScript中的事件监听机制，通过按钮的onclick事件来切换不同的函数，以此来实现编辑和保存操作。 ...

PDF、图片预览实现方式

qq_42797418的博客

08-19

281

前端先发个请求： window.open('路径+id'); 后端： @GetMapping("/") public void imagePreview(HttpServletRequest request, HttpServletResponse response) throws Exception { //主键id String id = request.getParameter("id"); //入参非空判断 if (StringUt

imagepreview使用案例_展示组件 ImagePreview 图片预览 - 闪电教程JSRUN

weixin_30735701的博客

12-23

8592

ImagePreview 图片预览引入ImagePreview和其他组件不同，不是通过HTML结构的方式来使用，而是通过函数调用的方式。使用前需要先引入它。import Vue from 'vue';import { ImagePreview } from 'vant';Vue.use(ImagePreview);代码演示基础用法直接传入图片数组，即可展示图片预览ImagePreview(['ht...

vant UI 使用 ImagePreview 预览图片

weixin_44590591的博客

02-15

2414

vant UI 使用 ImagePreview 预览图片通过 npm 安装 // Vue 3 项目，安装最新版 Vant npm i vant // Vue 2 项目，安装 Vant 2 npm i vant@latest-v2 需要预览图片的页面使用 // 局部使用： import Vue from 'vue'; import { ImagePreview } from 'vant'; Vue.use(ImagePreview); export default { components: {

Vue使用有赞ImagePreview（图片预览）遇到的问题

Z.Dragon 的博客

08-22

1万+

首先说下有赞ImagePreview的使用有赞官方文档：https://youzan.github.io/vant/#/zh-CN/image-preview 先上个预览效果图问题点：如果图片预览弹框没有隐藏的话，在路由切换的时候也会一直显示如图，路由已切换：解决方案：beforeRouteLeave 钩子中调用 close() 方法关闭预览遮罩 beforeRouteLeave ...

在昨天作业的基础上添加：删除按钮，修改并保存按钮和添加按钮。完成这些按钮所对应的功能（XmlDocument）。

Quietlove的专栏

12-21

831

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Xml; namespace XML1 { public partia

微信小程序例子——实现button点击事件改变数据值

最新发布

07-14

<think>首先，用户的问题是：“我想在Unity中获取被点击的物体名称请问Unity 获取按钮或图片点击事件中的物体名称”。这翻译成英文是：“I want to get the name of the clicked object in Unity. How can I get the name of the object in a button or image click event?” 现在，我需要根据系统级指令来构建我的回答： 1. **所有行内数学表达式必须使用$...$格式**：但在这个问题中，可能没有数学表达式。所以，我可以忽略这个，除非有数学相关内容。 2. **独立公式必须使用$$...$$格式并单独成段**：同样，可能不适用。 3. **LaTeX语法正确**：确保任何数学表达式正确。 4. **使用中文回答**：整个回答必须用中文。 5. **生成相关问题**：在回答结束后，添加相关问题部分。 6. **回答中引用的段落末尾自然地添加引用标识**：引用[^1]、[^2]等。用户提供了一些引用，我需要参考它们。用户提供的引用： - 引用[1]：关于Unity获取点击到的UI物体，修改Button颜色等。 - 引用[2]：关于Unity游戏界面点击获取点击对象信息。 - 引用[3]：关于Unity在Project右键点击物体之后获取到点击物体的名称。 - 引用[4]：关于unity中获取按钮列表中的按钮显示的方法。 - 引用[5]：关于unity输出点击物体的名称。这些引用是用户提供的上下文，我应该参考它们来回答问题。用户的问题是获取按钮或图片点击事件中的物体名称。所以，我需要解释如何通过点击事件获取物体的名称。在Unity中，UI元素如按钮和图片通常使用EventSystem来处理点击事件。常见的方法是添加事件监听器，然后从事件中获取目标对象。步骤： 1. **对于按钮（Button）**：Unity的Button组件有一个onClick事件。你可以添加一个监听器方法，该方法有一个参数，如`PointerEventData`，从中可以获取点击的对象。 - 例如，在脚本中： ```csharp using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class ButtonClickHandler : MonoBehaviour, IPointerClickHandler { public void OnPointerClick(PointerEventData eventData) { GameObject clickedObject = eventData.pointerCurrentRaycast.gameObject; Debug.Log("Clicked object name: " + clickedObject.name); } } ``` 或者，如果直接使用Button的onClick： ```csharp public Button yourButton; void Start() { yourButton.onClick.AddListener(() => { Debug.Log("Button clicked: " + yourButton.gameObject.name); }); } ``` 2. **对于图片（Image）**：类似地，图片可能需要添加一个EventTrigger组件来处理点击事件，因为Image默认没有点击事件。你可以使用IPointerClickHandler接口。 - 例如： ```csharp using UnityEngine; using UnityEngine.EventSystems; public class ImageClickHandler : MonoBehaviour, IPointerClickHandler { public void OnPointerClick(PointerEventData eventData) { GameObject clickedObject = eventData.pointerPressRaycast.gameObject; // or eventData.pointerCurrentRaycast.gameObject Debug.Log("Clicked image name: " + clickedObject.name); } } ``` 从引用中提取相关部分： - 引用[1]：提到使用`UnityEngine.EventSystems.EventSystem.current.currentSelectedGameObject`来获取当前选中的UI物体。这在按钮点击事件中可能有效。 - 引用[2]：使用射线检测来获取点击对象，但这是针对3D对象，不是UI。UI元素通常使用事件系统。 - 引用[3]：关于在Project视图中获取点击物体，但不直接相关。 - 引用[4]：关于激活按钮，不直接相关。 - 引用[5]：使用射线检测输出点击物体名称，但再次，是针对3D对象。对于UI元素，最佳实践是使用事件系统。所以，在回答中，我会解释： - 如何为按钮添加点击事件并获取名称。 - 如何为图片添加点击事件并获取名称。使用中文回答。结构： - 清晰介绍问题。 - 逐步解释方法。 - 提供代码示例。 - 确保代码正确。 - 在结尾添加相关问题。引用标识：在回答中，如果提到引用内容，在段落末尾添加[^n]。例如，引用[1]中提到使用`EventSystem.current.currentSelectedGameObject`，我可以引用它。完整回答结构： 1. **引言**：解释如何获取被点击物体的名称。 2. **方法1：对于按钮（Button）**： - 使用Button的onClick事件。 - 代码示例。 3. **方法2：对于图片（Image）**： - 添加EventTrigger或IPointerClickHandler。 - 代码示例。 4. **替代方法**：提到使用`EventSystem.current.currentSelectedGameObject`，如引用[1]。 5. **总结**。 6. **相关问题**：生成2-3个相关问题。相关问题想法： 1. 如何获取UI元素的父物体名称？ 2. 如何处理多个按钮的点击事件？ 3. 如何区分点击的是按钮还是其他UI元素？ 4. 在Unity中，如何检测非UI物体的点击？确保回答真实可靠。</think>### Unity中获取按钮或图片点击事件中的物体名称在Unity中，获取被点击的UI物体（如按钮或图片）的名称，可以通过事件系统（EventSystem）实现。Unity的UI事件系统提供了多种方式来处理点击事件，并从中提取目标物体名称。以下我将分步解释两种常见方法：一种针对按钮（Button），另一种针对图片（Image）。所有代码示例均基于C#脚本，并确保在Unity编辑器中正确运行。 #### 方法1：针对按钮（Button）获取名称按钮组件自带`onClick`事件，你可以通过添加监听器（Listener）来获取点击物体的名称。步骤如下： 1. **创建脚本并附加到按钮**：在Unity编辑器中，创建一个C#脚本，将其附加到按钮物体上。 2. **使用`Button.onClick.AddListener`方法**：在脚本中，定义一个方法，通过事件参数或直接访问按钮物体来获取名称。 3. **代码示例**： ```csharp using UnityEngine; using UnityEngine.UI; public class ButtonClickHandler : MonoBehaviour { void Start() { // 获取当前物体上的Button组件 Button button = GetComponent<Button>(); if (button != null) { // 添加点击事件监听器 button.onClick.AddListener(OnButtonClicked); } } void OnButtonClicked() { // 直接获取按钮物体的名称 string objectName = gameObject.name; Debug.Log("按钮名称: " + objectName); } } ``` - **说明**：此方法简单直接，`gameObject.name`获取当前脚本附加的物体名称。适用于单个按钮场景。 - **优化**：如果需要更通用，可以传递事件数据（如`PointerEventData`），但需实现`IPointerClickHandler`接口[^1]。 #### 方法2：针对图片（Image）获取名称图片（Image）组件默认没有点击事件，需添加`EventTrigger`组件或实现`IPointerClickHandler`接口。步骤如下： 1. **添加EventTrigger组件**：在Inspector窗口中，为图片物体添加`EventTrigger`组件。 2. **实现点击事件处理器**：在脚本中，定义处理点击的方法，从事件数据中提取目标物体。 3. **代码示例**： ```csharp using UnityEngine; using UnityEngine.EventSystems; public class ImageClickHandler : MonoBehaviour, IPointerClickHandler { public void OnPointerClick(PointerEventData eventData) { // 从事件数据中获取被点击的物体 GameObject clickedObject = eventData.pointerCurrentRaycast.gameObject; if (clickedObject != null) { string objectName = clickedObject.name; Debug.Log("图片名称: " + objectName); } } } ``` - **说明**：`eventData.pointerCurrentRaycast.gameObject`直接返回射线检测到的UI物体名称。此方法也适用于其他UI元素如RawImage[^5]。 - **注意**：确保图片物体上有Collider组件（如BoxCollider2D），以支持射线检测。 #### 替代方法：使用EventSystem获取当前选中的物体如果需要在多个UI元素间共享逻辑，可以使用Unity的全局事件系统。参考引用[1]中的方法： - 在点击事件中，调用`EventSystem.current.currentSelectedGameObject`获取当前选中的物体。 - 代码示例： ```csharp using UnityEngine; using UnityEngine.EventSystems; public class UIClickHandler : MonoBehaviour { public void OnClick() { GameObject selectedObject = EventSystem.current.currentSelectedGameObject; if (selectedObject != null) { Debug.Log("选中物体名称: " + selectedObject.name); } } } ``` - **优点**：此方法在按钮或图片的点击事件中均有效，且无需为每个物体单独附加脚本[^1]。 #### 总结 - **核心要点**：获取UI物体名称的关键是处理点击事件，并从中访问`gameObject.name`属性。按钮推荐使用`onClick`监听器，图片推荐`IPointerClickHandler`接口。 - **最佳实践**： - 确保UI物体上有Raycast Target启用（在Image组件中勾选），以支持点击检测。 - 测试时，运行Unity场景并点击物体，检查Console窗口输出名称。 - 如果名称获取失败，检查物体层级是否被遮挡或事件系统是否设置正确。 - **性能提示**：避免在频繁点击中执行高开销操作，以保持UI响应流畅。如果您在实现中遇到问题，可以提供更多细节（如Unity版本或具体场景），我会进一步协助！