CODEWITHSUNDEEP
iosswift
Nurdin
Nurdin

Reputation: 23883

How can I horizontally center a UIView?

How can I make UIView horizontally centered and 30px from the top of the view controller using CGRectMake?

var draggableView: DraggableView = DraggableView(frame:CGRectMake(0 , 30, 260, 260))
draggableView.center = center

Upvotes: 11

Views: 39134

Answers (8)

dimpiax
dimpiax

Reputation: 12667

Swift 5

// in viewDidLoad or viewWillLayoutSubviews
draggableView.frame.origin.x = view.bounds.midX - draggableView.bounds.midX

Upvotes: 1

pansora abhay
pansora abhay

Reputation: 912

I am using the 'MMMaterialDesignSpinner' library and creating a custom activity indicator in center of view. It's working correctly, you can change your custom view name like 'DraggableView'. I hope it's usable by you. This code is added into the viewDidLoad function in swift 3.

var loader = MMMaterialDesignSpinner()
let size:CGFloat = 40.0
let screenWidth = self.view.frame.size.width
let screenHeight = self.view.frame.size.height

loader = MMMaterialDesignSpinner(frame: CGRect(x: (screenWidth / 2) - (size / 2), y: (screenHeight / 2) - (size / 2), width: size, height: size))

loader.tintColor = UIColor.blue
loader.lineWidth = 4.0
loader.lineCap = kCALineCapRound;
view.addSubview(loader)

Upvotes: 1

Slarty Bartfast
Slarty Bartfast

Reputation: 635

Swift 3;

subView.center.x = view.center.x

Upvotes: 41

sagar gawande
sagar gawande

Reputation: 83

activityindicater is the view which you want to put in the center

self.activityindicater.center = self.baseView.center

Upvotes: 0

Ryan Cocuzzo
Ryan Cocuzzo

Reputation: 3219

This is a neat little extension for centering a view or object:

extension CGPoint {
    static var Center: CGPoint {
        return CGPoint(x: UIScreen.main.bounds.maxX/2, y: UIScreen.main.bounds.maxY/2)
    }
}

And then use it like this:

textField.center = CGPoint.Center

Upvotes: 0

ericgu
ericgu

Reputation: 2249

Although Rob Mayoff is correct, it might be worthwhile to consider centering your frame in viewWillLayoutSubviews, which is called upon device rotation. You can also use the properties center.x and center.y of center to align based on axis. No need to call self in this instance.

override func viewWillLayoutSubviews() {
    draggableView.center = view.center
}

Upvotes: 3

rob mayoff
rob mayoff

Reputation: 385500

You cannot center a view in a view controller, because a view controller is not a view and doesn't have a coordinate system.

You can center a view relative to another view. Presumably you want to center draggableView relative to the view controller's view. Assuming self is the view controller, and draggableView will be a direct subview of the view controller's view:

var draggableView: DraggableView = DraggableView(frame:CGRectMake(0 , 30, 260, 260))
self.view.addSubview(draggableView)
draggableView.center = self.view.center

Upvotes: 12

nanothread
nanothread

Reputation: 908

Try:

let size = 260
let screenWidth = self.view.frame.size.width

let frame = CGRectMake((screenWidth / 2) - (size / 2), 30, size, size)
let draggableView = DraggableView(frame: frame)

self.view.addSubview(draggableView)

Upvotes: 22

Related Questions