如何正确子类化 UIControl？

Question

我不需要 UIButton 或类似的东西。 我想直接子类化 UIControl 并制作我自己的、非常特殊的控件。

但由于某种原因，我重写的任何方法都没有被调用。 目标操作的东西起作用了，目标接收到适当的操作消息。 然而，在我的 UIControl 子类中，我必须捕获触摸坐标，而这样做的唯一方法似乎是覆盖这些家伙：

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
    NSLog(@"begin touch track");
    return YES;
}

- (BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
    NSLog(@"continue touch track");
    return YES;
}

即使 UIControl使用 UIView、initWithFrame: 中的指定初始值设定项进行实例化。

我能找到的所有示例始终使用 UIButton 或 UISlider 作为子类化的基础，但我想更接近 UIControl 因为那是我想要什么：快速且无延迟的触摸坐标。

Answer 1

我知道这个问题很古老，但我也遇到了同样的问题，我想我应该给我 2 美分。

如果您的控件有任何子视图，则 beginTrackingWithTouch、touchesBegan 等可能不会被调用，因为这些子视图正在吞噬触摸事件。

如果您不希望这些子视图处理触摸，可以将 userInteractionEnabled 设置为 NO，这样子视图就会简单地传递事件。 然后您可以覆盖 touchesBegan/touchesEnded 并在那里管理所有触摸。

希望这可以帮助。

Answer 2

Swift

这些是子类 UIControl 的不止一种方法。 当父视图需要对触摸事件做出反应或从控件获取其他数据时，通常使用 (1) 目标或 (2) 具有覆盖触摸事件的委托模式来完成。 为了完整起见，我还将展示如何 (3) 使用手势识别器执行相同的操作。 其中每种方法的行为都类似于以下动画：

您只需选择以下方法之一。

---

方法 1：添加目标

UIControl 子类支持已内置的目标。如果您不需要向父级传递大量数据，这可能就是您想要的方法。

MyCustomControl.swift

import UIKit
class MyCustomControl: UIControl {
    // You don't need to do anything special in the control for targets to work.
}

ViewController.swift

import UIKit
class ViewController: UIViewController {

    @IBOutlet weak var myCustomControl: MyCustomControl!
    @IBOutlet weak var trackingBeganLabel: UILabel!
    @IBOutlet weak var trackingEndedLabel: UILabel!
    @IBOutlet weak var xLabel: UILabel!
    @IBOutlet weak var yLabel: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Add the targets
        // Whenever the given even occurs, the action method will be called
        myCustomControl.addTarget(self, action: #selector(touchedDown), forControlEvents: UIControlEvents.TouchDown)
        myCustomControl.addTarget(self, action: #selector(didDragInsideControl(_:withEvent:)),
                              forControlEvents: UIControlEvents.TouchDragInside)
        myCustomControl.addTarget(self, action: #selector(touchedUpInside), forControlEvents: UIControlEvents.TouchUpInside)
    }

    // MARK: - target action methods

    func touchedDown() {
        trackingBeganLabel.text = "Tracking began"
    }

    func touchedUpInside() {
        trackingEndedLabel.text = "Tracking ended"
    }

    func didDragInsideControl(control: MyCustomControl, withEvent event: UIEvent) {

        if let touch = event.touchesForView(control)?.first {
            let location = touch.locationInView(control)
            xLabel.text = "x: \(location.x)"
            yLabel.text = "y: \(location.y)"
        }
    }
}

注释

• 操作方法名称没有什么特别的。 我可以随意称呼他们。 我只需要小心地拼写方法名称，就像添加目标时一样。 否则你会崩溃。
• didDragInsideControl:withEvent: 中的两个冒号表示有两个参数传递给 didDragInsideControl 方法。 如果您忘记添加冒号或者参数数量不正确，则会发生崩溃。
• 感谢此答案为 TouchDragInside 事件提供帮助。

传递其他数据

如果您希望在目标操作方法中访问自定义控件中的某些值

class MyCustomControl: UIControl {
    var someValue = "hello"
}

，则可以传入对该控件的引用。 设置目标时，请在操作方法名称后添加冒号。 例如：

myCustomControl.addTarget(self, action: #selector(touchedDown), forControlEvents: UIControlEvents.TouchDown) 

请注意，它是 touchedDown: （带冒号），而不是 touchedDown （不带冒号）。 冒号表示参数正在传递给操作方法。 在操作方法中，指定参数是对 UIControl 子类的引用。 有了该参考，您就可以从控件中获取数据。

func touchedDown(control: MyCustomControl) {
    trackingBeganLabel.text = "Tracking began"

    // now you have access to the public properties and methods of your control
    print(control.someValue)
}

---

方法 2：委托模式并覆盖触摸事件

通过子类化 UIControl，我们可以访问以下方法：

• beginTrackingWithTouch 在手指首次在控件边界内触碰时调用。
• 当手指滑过控件甚至滑出控件边界时，会重复调用 continueTrackingWithTouch。
• 当手指离开屏幕时，endTrackingWithTouch 被调用。

如果您需要对触摸事件进行特殊控制，或者您需要与父级进行大量数据通信，那么此方法可能比添加目标效果更好。

下面是如何做到这一点：

MyCustomControl.swift

import UIKit

// These are out self-defined rules for how we will communicate with other classes
protocol ViewControllerCommunicationDelegate: class {
    func myTrackingBegan()
    func myTrackingContinuing(location: CGPoint)
    func myTrackingEnded()
}

class MyCustomControl: UIControl {

    // whichever class wants to be notified of the touch events must set the delegate to itself
    weak var delegate: ViewControllerCommunicationDelegate?

    override func beginTrackingWithTouch(touch: UITouch, withEvent event: UIEvent?) -> Bool {

        // notify the delegate (i.e. the view controller)
        delegate?.myTrackingBegan()

        // returning true means that future events (like continueTrackingWithTouch and endTrackingWithTouch) will continue to be fired
        return true
    }

    override func continueTrackingWithTouch(touch: UITouch, withEvent event: UIEvent?) -> Bool {

        // get the touch location in our custom control's own coordinate system
        let point = touch.locationInView(self)

        // Update the delegate (i.e. the view controller) with the new coordinate point
        delegate?.myTrackingContinuing(point)

        // returning true means that future events will continue to be fired
        return true
    }

    override func endTrackingWithTouch(touch: UITouch?, withEvent event: UIEvent?) {

        // notify the delegate (i.e. the view controller)
        delegate?.myTrackingEnded()
    }
}

ViewController.swift

这就是视图控制器如何设置为委托并响应来自我们的自定义控件的触摸事件。

import UIKit
class ViewController: UIViewController, ViewControllerCommunicationDelegate {

    @IBOutlet weak var myCustomControl: MyCustomControl!
    @IBOutlet weak var trackingBeganLabel: UILabel!
    @IBOutlet weak var trackingEndedLabel: UILabel!
    @IBOutlet weak var xLabel: UILabel!
    @IBOutlet weak var yLabel: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()
        myCustomControl.delegate = self
    }

    func myTrackingBegan() {
        trackingBeganLabel.text = "Tracking began"
    }

    func myTrackingContinuing(location: CGPoint) {
        xLabel.text = "x: \(location.x)"
        yLabel.text = "y: \(location.y)"
    }

    func myTrackingEnded() {
        trackingEndedLabel.text = "Tracking ended"
    }
}

注释

• 要了解有关委托模式的更多信息，请参阅此答案。

• 如果这些方法仅在自定义控件本身中使用，则无需将委托与这些方法一起使用。 我本可以添加一个 print 语句来显示事件是如何被调用的。 在这种情况下，代码将简化为

  导入 UIKit 
    类 MyCustomControl: UIControl { 
  
        override func beginTrackingWithTouch(touch: UITouch, withEvent event: UIEvent?) ->;   布尔{ 
            print("开始跟踪") 
            返回真 
        } 
  
        override func continueTrackingWithTouch(touch: UITouch, withEvent event: UIEvent?) ->;   布尔{ 
            让点 = touch.locationInView(self) 
            print("x: \(点.x), y: \(点.y)") 
            返回真 
        } 
  
        覆盖 func endTrackingWithTouch(touch: UITouch?, withEvent event: UIEvent?) { 
            print("追踪结束") 
        } 
    } 
    

---

方法 3：使用手势识别器

添加手势识别器可以在任何视图上完成，并且它也适用于 UIControl。 为了获得与顶部示例类似的结果，我们将使用 UIPanGestureRecognizer。 然后，通过测试事件触发时的各种状态，我们可以确定发生了什么。

MyCustomControl.swift

import UIKit
class MyCustomControl: UIControl {
    // nothing special is required in the control to make it work
}

ViewController.swift

import UIKit
class ViewController: UIViewController {

    @IBOutlet weak var myCustomControl: MyCustomControl!
    @IBOutlet weak var trackingBeganLabel: UILabel!
    @IBOutlet weak var trackingEndedLabel: UILabel!
    @IBOutlet weak var xLabel: UILabel!
    @IBOutlet weak var yLabel: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        // add gesture recognizer
        let gestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(gestureRecognized(_:)))
        myCustomControl.addGestureRecognizer(gestureRecognizer)
    }

    // gesture recognizer action method
    func gestureRecognized(gesture: UIPanGestureRecognizer) {

        if gesture.state == UIGestureRecognizerState.Began {

            trackingBeganLabel.text = "Tracking began"

        } else if gesture.state == UIGestureRecognizerState.Changed {

            let location = gesture.locationInView(myCustomControl)

            xLabel.text = "x: \(location.x)"
            yLabel.text = "y: \(location.y)"

        } else if gesture.state == UIGestureRecognizerState.Ended {
            trackingEndedLabel.text = "Tracking ended"
        }
    }
}

注释

• 不要忘记在 action: "gestureRecognized: “。 冒号表示正在传入参数。
• 如果需要从控件获取数据，可以像上面的方法 2 那样实现委托模式。

Answer 3

我花了很长时间努力寻找解决这个问题的方法，但我认为没有。 但是，仔细检查文档后，我认为应该调用 begintrackingWithTouch:withEvent: 和 continueTrackingWithTouch:withEvent: 可能是一种误解...

< code>UIControl 文档说：

您可能想扩展UIControl
子类化有两个基本原因：

观察或修改调度
向目标发送的行动消息
特定事件要执行此操作，请重写
sendAction:to:forEvent:，评估
传入的选择器、目标对象或
“记下”位掩码并继续
必填。

提供自定义跟踪行为
（例如，更改突出显示
外观）为此，请覆盖一个
或以下所有方法：
beginTrackingWithTouch:withEvent:,
continueTrackingWithTouch:withEvent:,
endTrackingWithTouch:withEvent:。

其中的关键部分（在我看来不是很清楚）是它说您可能想要扩展 UIControl 子类 - 而不是您可能想要直接扩展 UIControl 。 可能不应该调用 beginTrackingWithTouch:withEvent: 和 continuetrackingWithTouch:withEvent: 来响应触摸，而应该调用 UIControl 直接子类调用它们，以便它们的子类可以监视跟踪。

因此，我的解决方案是重写 touchesBegan:withEvent: 和 touchesMoved:withEvent: 并从那里调用它们，如下所示。 请注意，此控件未启用多点触摸，并且我不关心触摸结束和触摸取消事件，但如果您想完整/彻底，您可能也应该实现这些事件。

- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
{
    [super touchesBegan:touches withEvent:event];
    // Get the only touch (multipleTouchEnabled is NO)
    UITouch* touch = [touches anyObject];
    // Track the touch
    [self beginTrackingWithTouch:touch withEvent:event];
}

- (void)touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event
{
    [super touchesMoved:touches withEvent:event];
    // Get the only touch (multipleTouchEnabled is NO)
    UITouch* touch = [touches anyObject];
    // Track the touch
    [self continueTrackingWithTouch:touch withEvent:event];
}

请注意，您还应该使用 sendActionsForControlEvents: 发送与您的控件相关的任何 UIControlEvent* 消息 - 这些消息可能会从超级方法中调用，我还没有测试过。

Answer 4

我认为您忘记添加 [super] 调用 TouchesBegan/touchesEnded/touchesMoved。
如果您像这样重写 TouchBegan / TouchEnded 之类的方法

(BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event    
(BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event

将不起作用：

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
   NSLog(@"Touches Began");
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
   NSLog(@"Touches Moved");
}
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
   NSLog(@"Touches Ended");
}

但是！ 如果方法如下，则一切正常：

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
   [super touchesBegan:touches withEvent:event];
   NSLog(@"Touches Began");
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
   [super touchesMoved:touches withEvent:event];
     NSLog(@"Touches Moved");
}
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
   [super touchesEnded:touches withEvent:event];
   NSLog(@"Touches Ended");
}

Answer 5

我经常使用的最简单的方法是扩展 UIControl，但利用继承的 addTarget 方法来接收各种事件的回调。 关键是监听发送者和事件，以便您可以找到有关实际事件的更多信息（例如事件发生的位置）。

因此，只需简单地子类化 UIControl，然后在 init 方法中（如果使用 nib，请确保还设置了 initWithCoder），添加以下内容：

[self addTarget:self action:@selector(buttonPressed:forEvent:) forControlEvents:UIControlEventTouchUpInside];

当然，您可以选择任何标准控件事件，包括 UIControlEventAllTouchEvents。 请注意，选择器将传递两个对象。 首先是控制。 第二个是有关事件的信息。 下面是使用触摸事件根据用户是否按下左侧和右侧按钮来切换按钮的示例。

- (IBAction)buttonPressed:(id)sender forEvent:(UIEvent *)event
{
    if (sender == self.someControl)
    {        
        UITouch* touch = [[event allTouches] anyObject];
        CGPoint p = [touch locationInView:self.someControl];
        if (p.x < self. someControl.frame.size.width / 2.0)
        {
            // left side touch
        }
        else
        {
            // right side touch
        }
    }
}

当然，这适用于非常简单的控件，您可能会达到这样的程度，这不会为您提供足够的功能，但这已经满足了我对自定义控件的所有目的，并且非常易于使用，因为我通常关心相同的内容UIControl 已支持的控件事件（触摸、拖动等...）

此处自定义控件的代码示例：自定义 UISwitch （注意：这不会向 buttonPressed:forEvent: 选择器注册，但您可以从上面的代码中看出）

Answer 6

我遇到了 UIControl 无法响应 beginTrackingWithTouch 和 continueTrackingWithTouch 的问题。

我发现我的问题是当我执行 initWithFrame:CGRectMake() 时，我将框架做得很小（反应区域），并且只有几个点可以工作。 我将框架设置为与控件相同的大小，然后每当我按下控件中的任何位置时，它都会做出响应。

Answer 7

Obj C

我找到了 2014 年的相关文章 https://www.objc.io/issues /13-架构/行为/。

有趣的是，它的方法是利用 IB 并将事件处理逻辑封装在指定对象内（他们称之为行为），从而从视图/视图控制器中删除逻辑，使其更轻。

• Github 示例案例：https://github.com/krzysztofzablocki/BehavioursExample