blocks|key|110045|text|看起来你只是想让你的控件只有两种状态--启用和禁用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|110046|一种简单的方法是创建2个png图像，并使用自定义的UIButton与背景图像，只需替换这2个图像每次点击按钮。|110047|这是你想要做的，还是我误解了什么？|110048|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

It looks like you just want your control to have only 2 states - enabled and disabled. 

An easy way for this would be to create 2 png-images and use a custom UIButton with a background image and just replace those 2 images each time the button is tapped. 

Is this what you are trying to do or did I misunderstand something?

blocks|key|110077|text|正如gasparuff所说，你也可以用UIButton来做这件事，只需设置图像：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|110078|[button+setImage:[UIImage+imageNamed:@"image_on"]+forState:UIControlStateSelected];
[button+setImage:[UIImage+imageNamed:@"image_off"]+forState:UIControlStateNormal];|code-block|syntax|javascript|110079|当它被点击时，只需切换选定的属性。|110080|-+(void)+buttonTap+{
++++button.selected+=+!button.selected;
}|110081|这将自动改变图像。|110082|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

As gasparuff says, you can also do it with a UIButton, just set the images:

<pre><code>[button setImage:[UIImage imageNamed:@"image_on"] forState:UIControlStateSelected];
[button setImage:[UIImage imageNamed:@"image_off"] forState:UIControlStateNormal];
</code></pre>

and when it's tapped just toggle the selected property.

<pre><code>- (void) buttonTap {
 button.selected = !button.selected;
}
</code></pre>

Which will change the images automatically.

blocks|key|110110|text|你知道-[UISwitch+setOnImage:]和-[UISwitch+setOffImage:]，对吧？还有-[UISwitch+setTintColor]。我能看到的唯一缺点是，交换机本身将是标准的iOS交换机(圆形按钮)，但除此之外，这将是最像iOS的解决方案。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|110111|在实现自己的on/offImage时，请记住大小限制，并且图像朝向开关的一侧是凹面。tintColor可用于使开关的其余部分反映您的配色方案。您可能希望跟踪valueChanged事件，因此更改色调颜色。|110112|如果您需要在问题中显示的确切外观(方形开关按钮)，那么您可能希望使用自定义控件，如@Caleb建议的那样。|110113|entityMap^0|3|N|R|O|1L|O|0|16|9|26|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|K|$]]

You know about <code>-[UISwitch setOnImage:]</code> and <code>-[UISwitch setOffImage:]</code>, right? Also <code>-[UISwitch setTintColor]</code>. About the only drawback I can see is that the switch, itself, will be the standard iOS switch (round button) but, otherwise, this would be the most-iOS-like solution.

When implementing your own on/offImage, remember the size restrictions, and also that the side of the image toward the switch is concave. <code>tintColor</code> can be used to make the rest of the switch reflect your color scheme. You might want to track the <code>valueChanged</code> event so alter the tint color.

If you need the exact look you display in your question (square switch button), then you probably want to use a custom control, as @Caleb suggested.

I need to implement a custom switch in a project. Currently what I have found is that we cannot alter with UISwitch in way to implement as shown in below image. I've followed posts and googled through stackoverflow and other blogs but didn't found a solution as desired. One way is to go with UISegmented control as in <a href="https://stackoverflow.com/questions/5087546/how-to-customize-uiswitch-button-in-iphone">this</a> post, but that too doesn't solves my problem.

<img src="https://i.stack.imgur.com/WsmbC.png" alt="enter image description here">

Thanks in advance for any help

Custom UISwitch with image

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我需要在一个项目中实现一个自定义开关。目前我所发现的是，我们不能在实现方式中使用UISwitch进行更改，如下图所示。我关注了帖子，用谷歌搜索了stackoverflow和其他博客，但没有找到理想的解决方案。一种方法是使用 post中的UISegmented控件，但这也不能解决我的问题。​​提前感谢您的帮助

问带图像的自定义UISwitch
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带图像的自定义UISwitchEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带图像的自定义UISwitch
EN