Moving Labels within External Screen

Question

I'm wanting to move my labels wherever I want on my external display. (eg. displayRunsLabel at the top and centered or perhaps 40px from right and top)

I have my labels showing on the screen. I'm currently using text alignment.

What's the best way to do this?

Here's my external display:

ExternalDisplayScreenshot

Screen shot

Here's the code:

 // CUSTOMISE VIEW
        secondScreenView.backgroundColor = UIColor.black
        displayWicketLabel.textAlignment = NSTextAlignment.left
        displayWicketLabel.font = UIFont(name: "Arial-BoldMT", size: 200.0)
        displayWicketLabel.textColor = UIColor.white
        displayWicketLabel.frame = secondScreenView.bounds
        secondScreenView.addSubview(displayWicketLabel)
        displayRunsLabel.textAlignment = NSTextAlignment.center
        displayRunsLabel.font = UIFont(name: "Arial-BoldMT", size: 200.0)
        displayRunsLabel.textColor = UIColor.white
        displayRunsLabel.frame = secondScreenView.bounds
        secondScreenView.addSubview(displayRunsLabel)
        displayOversLabel.textAlignment = NSTextAlignment.right
        displayOversLabel.font = UIFont(name: "Arial-BoldMT", size: 200.0)
        displayOversLabel.textColor = UIColor.white
        displayOversLabel.frame = secondScreenView.bounds
        secondScreenView.addSubview(displayOversLabel)
    }

I think I'm wanting to set the X & Y Axis Correct? – J.Kearney Dec 19 '18 at 03:26 — J.Kearney, Dec 19 '18 at 03:26

matt · Accepted Answer · 2018-12-19T03:36:28.257

The position of a label or any other UIView is the origin of its frame, which is a CGPoint representing its top left corner.

So, you are currently saying:

    displayWicketLabel.frame = secondScreenView.bounds
    displayRunsLabel.frame = secondScreenView.bounds
    displayOversLabel.frame = secondScreenView.bounds

Well, that's pretty silly, because you have given all three labels the same frame! Thus they overlay one another, and (as you rightly say) you can only read them by giving them different text alignments.

Instead, give them each a different frame — one that puts the label where you want it. For example:

    displayWicketLabel.sizeToFit()
    displayWicketLabel.frame.origin = CGPoint(x:30, y:20) // or whatever
    displayRunsLabel.sizeToFit()
    displayRunsLabel.frame.origin = CGPoint(x:30, y:100) // or whatever
    displayOversLabel.sizeToFit()
    displayOversLabel.frame.origin = CGPoint(x:30, y:200) // or whatever

Now, having said all that, a clear flaw in the code I just showed you is that we have hard-coded the positions arbitrarily, without taking account of what the size of the window is (the external display). For that reason, a much better way would be for you to learn about auto layout, which will let you lay the three labels out in nice positions automatically based on the size of the window.

Thanks so much. I've only just learnt about External Displays so it's pretty foreign to me. This will really help me out. — J.Kearney, Dec 19 '18 at 03:42
Well it really has nothing at all to do with the external screen. — matt, Dec 19 '18 at 05:57
What would the code be to add a Blue rectangle on my external screen? Using CGRect? — J.Kearney, Dec 20 '18 at 00:36

Moving Labels within External Screen

1 Answers1