BLACK FRIDAY: Save 50% on all my Swift books and bundles! >>

SOLVED: Day 19 - Project 2 - Constraints and Button Padding

Forums > 100 Days of Swift
@TheWoji  

Hello, I am running XCode 13 and have run into an annoying visual issue with Day 19 - Project 2. I have the flag buttons set up as 200x100, but as soon as I add constraints to them the dimensions change to 224x114 producing an ugly padded border around the image.

I have looked around the options of the interface builder and have played with settings but nothing seems to allow the removal of that padding with constraints.

Am I just missing it or am I stuck just positioning the buttons by hand?

Manual positioning displays the bordered flags correctly, but I would imagine they would have issues on differnt devices.

Thanks in advance for any tips.

-Jaime

4      

@TheWoji  

Figured out the solution to this. It seems that you have to create each button from scratch rather than copy buttons. Feels super inefficient, especially for a visual editor such as Interface Builder, but good to have a solution.

4      

@ygeras  

I have the same issue, despite making it from scratch result is the same. After setting constraints as in video it changes to 224x114. Weird...

4      

@ygeras  

Seems like once you've changed Button from <Type: System -> to Type: Custom> and from <Style: Plain -> to Style: Default> in Attributes Inspector such nuisance will go away!

6      

@cabbage67  

Thank you, ygeras. I followed your instructions and solved the issue. :)

4      

@ivanhirsinger  

@ygeras Though this was posted a year ago, only Your solution worked. I was so mad that I couldn't fix that. Tried everything except that I mean it wouldn't reach my mind to change those settings. Thank You!

3      

@mycodevault  

I had 2 problems:

  1. the border padding
  • this was solved with NOT copying the buttons but manually dragging all 3 from the objects library
  1. the width was always larger than the image despite aspect ration of 2:1

  • this was solved but deleting the button text, it looks like the button size allows for text automatically

  • the buttons also had to set to Custom type with Default Style

I hope this can help someone else, it took me a too long to work this out.

3      

@bhawki21  

Thanks folks! I had to delete the title again after I changed the style to default and it worked as intended.

3      

Save 50% in my WWDC sale.

SAVE 50% All our books and bundles are half price for Black Friday, so you can take your Swift knowledge further without spending big! Get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn advanced design patterns, testing skills, and more.

Save 50% on all our books and bundles!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

Swift breaks down barriers between ideas and apps, and I want to break down barriers to learning it. I’m proud to make hundreds of tutorials that are free to access, and I’ll keep doing that whatever happens. But if that’s a mission that resonates with you, please support it by becoming a HWS+ member. It’ll bring you lots of benefits personally, but it also means you’ll directly help people all over the world to learn Swift by freeing me up to share more of my knowledge, passion, and experience for free! Become Hacking with Swift+ member.
Click here to visit the Hacking with Swift store >>
 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.