NSImageView mouseDragged Value pass back to windowController

Question

Can anyone please show me how to get the position X and Y back to my WindowController NSTextField (testTextX and testTextY)?

I created a windowController, NSImage and NSTextField programmatically. I added an image "dot" to the NSView and would like the "dot" image draggable and return the position X and Y.

I manage to have the image added and draggable but I do not know how can I pass the position X and Y on mouseDragged back to the NSTextField at my WindowController (testTextX and testTextY)?

The current display as below, when click on the "dot" image, it is draggrable to any position.

I can print out the position X and Y from the NSImageView func mouseDragged(theEvent: NSEvent) when image was dragged.

I am stuck at the how to pass the position X and Y back to WindowController.

My WindowController.swift code as below:

public class MyWindowController: NSWindowController, NSWindowDelegate {
    // MARK: Constants
    // 1. Define min&max window size
    var fWidth:CGFloat = 0
    var fHeight:CGFloat = 0
    var vWidth:CGFloat = 0
    var vHeight:CGFloat = 0
    var blankPage: NSView!

    var viewDotImg: NSImageView!
    var testTextX: NSTextField!
    var testTextY: NSTextField!

    var modalWinHeight: CGFloat = 0
    var m_window:NSWindow = NSWindow()

    // MARK: Initializer
    init(){
        super.init(window: self.m_window)
    }

    init(channelId:Int){
        super.init(window:self.m_window)

        // Get the window full width and height
        fWidth = (NSScreen.mainScreen()?.frame.width)!
        fHeight = (NSScreen.mainScreen()?.frame.height)!

        // Get the window visible width and height
        vWidth = (NSScreen.mainScreen()?.visibleFrame.width)!
        vHeight = (NSScreen.mainScreen()?.visibleFrame.height)!

        // Get the position X and Y for Window
        let winPosX: CGFloat = fWidth - vWidth
        let winPosY: CGFloat = fHeight - vHeight

        // Divide the height by 3
        let avgHeight: CGFloat = vHeight / 3

        // Set the max window height as avgHeight * 1.3
        let modalWinHeight: CGFloat = avgHeight * 1.3

        // Set the window frame
        self.m_window = NSWindow(contentRect: NSMakeRect(winPosX, winPosY, vWidth, modalWinHeight),
            styleMask: NSClosableWindowMask | NSMiniaturizableWindowMask | NSTitledWindowMask,
            backing: NSBackingStoreType.Buffered, `defer`: false);

        // Window delegate
        self.m_window.delegate = self

        // Add a blank NSView with Gradian background colour
        blankPage = CGradiantBlank(x: x, y:y, width:width, height: height)
        self.window?.contentView = blankPage

        // Add Image Dot to NSView
        viewDotImg = DragNSImageView(x: 200, y: 200, width: 10, height: 10)

        // Add Two TextField to NSView
        testTextX = TextLabel(x: 200, y: 10, width: 100, height: 24, value: "100")
        testTextY = TextLabel(x: 305, y: 10, width: 100, height: 24, value: "100")

        blankPage.addSubview(viewDotImg)
        blankPage.addSubview(testTextX)
        blankPage.addSubview(testTextY)
    }

    func updTestXY(x:Double, y:Double){
        testTextX.stringValue = String(x)
        testTextY.stringValue = String(y)
    }

    override public init(window: NSWindow?) {
        super.init(window: window)
    }

    required public init?(coder:NSCoder){
        super.init(coder: coder)
    }    
}

My NSImageView code as below:

public class DragNSImageView: NSImageView {
    private var xWidth: CGFloat = 0
    private var xHeight: CGFloat = 0

    init(x:CGFloat, y:CGFloat, width:CGFloat, height:CGFloat, chId: Int) {
        super.init(frame: NSRect(x: x,y: y,width: width,height: height))
        super.imageScaling = NSImageScaling.ScaleAxesIndependently
        super.image = NSImage(named: "dot-10")
        xWidth = width
        xHeight = height
    }

    required public init?(coder: NSCoder) {
        super.init(coder: coder)
    }

    override public func drawRect(dirtyRect: NSRect) {
        super.drawRect(dirtyRect)
    }

    public override func mouseDragged(theEvent: NSEvent) {
        super.mouseDown(theEvent)
        let location = theEvent.locationInWindow
        let pX: CGFloat = location.x
        let pY: CGFloat = location.y
        super.frame = NSRect(x: pX,y: pY,width: xWidth,height: xHeight)
        Swift.print("X: \(location.x)" Y: \(location.y))
        /* How to pass this location.x and location.y back to WindowController func updateTestXY()? 

        updTestXY(Double(location.x), y:Double(location.y))
        */
    }
}

My NSTextField code as below:

public class TextLabel: NSTextField {
    // MARK: Initializer
    init(){
        super.init(frame: NSRect(x: 0, y: 0, width: 90, height: 10))
    }

    convenience init(x:CGFloat, y:CGFloat, width:CGFloat, height:CGFloat, value:String){
        self.init()
        super.wantsLayer = true
        super.backgroundColor = NSColor.darkGrayColor()
        super.textColor = NSColor.whiteColor()
        super.stringValue = value
        super.frame = NSRect(x: x, y: y, width: width, height: height)
    }

    required public init?(coder: NSCoder) {
        super.init(coder: coder)
    }

    override public func drawRect(dirtyRect: NSRect) {
        super.drawRect(dirtyRect)
    }
}

score 0 · Answer 1 · answered Mar 07 '16 at 05:47

Ok, I found the solution.

let mainWindow = self.window?.windowController as! MyWindowController
mainWindow.updXY(location.x, y:location.y, refName: refName)

If more than one "dot" image, then add the following code to the NSImageView init()

super.identifier = "ReferenceName1"

Now, go to NSImageView mouseDragged(theEvent: NSEvent) method and add the following line:

let refName = super.identifier

This will be use at the MyWindowController to detect which "dot" image was dragged when calling the specified function. In my case, I call the

updXY(location.x, y:location.y, refName: refName)

So, at MyWindowController, I use the following to do the work.

public func updXy(x: CGFloat, y: CGFloat, refName: String){
    if refName == "ReferenceName1" {

    }else if refName == "ReferenceName2" {

    }
}

NSImageView mouseDragged Value pass back to windowController

1 Answers1