Xcode: Setting width and height in Utilities / Size / View versus as a constraint












0















I'm an iOS and XCode beginner. I'm trying to set a button to have dimensions of 64 x 64. In searching how this is done, I've come across two different ways:




  1. Select the button, and in the Utilities pane's Size inspector's View section, set the height and width.

  2. In the bottom right corner of the storyboard pane, click the "Add New Constraints" button, check "Width" and "Height" and set them to the desired dimensions. This adds Constraints indented under the button, with height = 64 and width = 64 indented under Constraints.


Both seem to work fine, so my question is what is the difference between the two methods, if any?










share|improve this question





























    0















    I'm an iOS and XCode beginner. I'm trying to set a button to have dimensions of 64 x 64. In searching how this is done, I've come across two different ways:




    1. Select the button, and in the Utilities pane's Size inspector's View section, set the height and width.

    2. In the bottom right corner of the storyboard pane, click the "Add New Constraints" button, check "Width" and "Height" and set them to the desired dimensions. This adds Constraints indented under the button, with height = 64 and width = 64 indented under Constraints.


    Both seem to work fine, so my question is what is the difference between the two methods, if any?










    share|improve this question



























      0












      0








      0








      I'm an iOS and XCode beginner. I'm trying to set a button to have dimensions of 64 x 64. In searching how this is done, I've come across two different ways:




      1. Select the button, and in the Utilities pane's Size inspector's View section, set the height and width.

      2. In the bottom right corner of the storyboard pane, click the "Add New Constraints" button, check "Width" and "Height" and set them to the desired dimensions. This adds Constraints indented under the button, with height = 64 and width = 64 indented under Constraints.


      Both seem to work fine, so my question is what is the difference between the two methods, if any?










      share|improve this question
















      I'm an iOS and XCode beginner. I'm trying to set a button to have dimensions of 64 x 64. In searching how this is done, I've come across two different ways:




      1. Select the button, and in the Utilities pane's Size inspector's View section, set the height and width.

      2. In the bottom right corner of the storyboard pane, click the "Add New Constraints" button, check "Width" and "Height" and set them to the desired dimensions. This adds Constraints indented under the button, with height = 64 and width = 64 indented under Constraints.


      Both seem to work fine, so my question is what is the difference between the two methods, if any?







      ios xcode






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Jan 4 at 3:20







      Vincent

















      asked Jan 1 at 20:32









      VincentVincent

      1,27911425




      1,27911425
























          2 Answers
          2






          active

          oldest

          votes


















          1














          First of all welcome to iOS development :)



          The answer is: In case 2 you are using Autolayout and in case 1 you are not.



          Autolayout is really important and you should definitely always use it. The constraints allow you to create "rules" that tell the app how to adjust the UI to different screen sizes. In your case the button might have the same size for all screens, but without setting the constraints the size might change nevertheless depending on the layout of the constraints of other UI Components.



          I recommend reading a tutorial about Autolayout. It is easy to learn and hard to master I would say...






          share|improve this answer































            1














            While you're building your interface check the Document Outline to the left of the Storyboard for warnings, usually this is a strong indicator of areas of concern as your application begins to grow. Rule of thumb is when in doubt add constraints.



            Also worth mentioning for your 64x64 (square) example.. I personally like using a 1:1 aspect ratio constraint plus a height or width constraint so if theres ever a need to scale the view its one constraint value to modify instead of two.






            share|improve this answer























              Your Answer






              StackExchange.ifUsing("editor", function () {
              StackExchange.using("externalEditor", function () {
              StackExchange.using("snippets", function () {
              StackExchange.snippets.init();
              });
              });
              }, "code-snippets");

              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "1"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              autoActivateHeartbeat: false,
              convertImagesToLinks: true,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: 10,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














              draft saved

              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998737%2fxcode-setting-width-and-height-in-utilities-size-view-versus-as-a-constrain%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              1














              First of all welcome to iOS development :)



              The answer is: In case 2 you are using Autolayout and in case 1 you are not.



              Autolayout is really important and you should definitely always use it. The constraints allow you to create "rules" that tell the app how to adjust the UI to different screen sizes. In your case the button might have the same size for all screens, but without setting the constraints the size might change nevertheless depending on the layout of the constraints of other UI Components.



              I recommend reading a tutorial about Autolayout. It is easy to learn and hard to master I would say...






              share|improve this answer




























                1














                First of all welcome to iOS development :)



                The answer is: In case 2 you are using Autolayout and in case 1 you are not.



                Autolayout is really important and you should definitely always use it. The constraints allow you to create "rules" that tell the app how to adjust the UI to different screen sizes. In your case the button might have the same size for all screens, but without setting the constraints the size might change nevertheless depending on the layout of the constraints of other UI Components.



                I recommend reading a tutorial about Autolayout. It is easy to learn and hard to master I would say...






                share|improve this answer


























                  1












                  1








                  1







                  First of all welcome to iOS development :)



                  The answer is: In case 2 you are using Autolayout and in case 1 you are not.



                  Autolayout is really important and you should definitely always use it. The constraints allow you to create "rules" that tell the app how to adjust the UI to different screen sizes. In your case the button might have the same size for all screens, but without setting the constraints the size might change nevertheless depending on the layout of the constraints of other UI Components.



                  I recommend reading a tutorial about Autolayout. It is easy to learn and hard to master I would say...






                  share|improve this answer













                  First of all welcome to iOS development :)



                  The answer is: In case 2 you are using Autolayout and in case 1 you are not.



                  Autolayout is really important and you should definitely always use it. The constraints allow you to create "rules" that tell the app how to adjust the UI to different screen sizes. In your case the button might have the same size for all screens, but without setting the constraints the size might change nevertheless depending on the layout of the constraints of other UI Components.



                  I recommend reading a tutorial about Autolayout. It is easy to learn and hard to master I would say...







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Jan 1 at 23:18









                  Robin BorkRobin Bork

                  1326




                  1326

























                      1














                      While you're building your interface check the Document Outline to the left of the Storyboard for warnings, usually this is a strong indicator of areas of concern as your application begins to grow. Rule of thumb is when in doubt add constraints.



                      Also worth mentioning for your 64x64 (square) example.. I personally like using a 1:1 aspect ratio constraint plus a height or width constraint so if theres ever a need to scale the view its one constraint value to modify instead of two.






                      share|improve this answer




























                        1














                        While you're building your interface check the Document Outline to the left of the Storyboard for warnings, usually this is a strong indicator of areas of concern as your application begins to grow. Rule of thumb is when in doubt add constraints.



                        Also worth mentioning for your 64x64 (square) example.. I personally like using a 1:1 aspect ratio constraint plus a height or width constraint so if theres ever a need to scale the view its one constraint value to modify instead of two.






                        share|improve this answer


























                          1












                          1








                          1







                          While you're building your interface check the Document Outline to the left of the Storyboard for warnings, usually this is a strong indicator of areas of concern as your application begins to grow. Rule of thumb is when in doubt add constraints.



                          Also worth mentioning for your 64x64 (square) example.. I personally like using a 1:1 aspect ratio constraint plus a height or width constraint so if theres ever a need to scale the view its one constraint value to modify instead of two.






                          share|improve this answer













                          While you're building your interface check the Document Outline to the left of the Storyboard for warnings, usually this is a strong indicator of areas of concern as your application begins to grow. Rule of thumb is when in doubt add constraints.



                          Also worth mentioning for your 64x64 (square) example.. I personally like using a 1:1 aspect ratio constraint plus a height or width constraint so if theres ever a need to scale the view its one constraint value to modify instead of two.







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Jan 3 at 17:02









                          mikebobmikebob

                          37627




                          37627






























                              draft saved

                              draft discarded




















































                              Thanks for contributing an answer to Stack Overflow!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid



                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.


                              To learn more, see our tips on writing great answers.




                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998737%2fxcode-setting-width-and-height-in-utilities-size-view-versus-as-a-constrain%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              MongoDB - Not Authorized To Execute Command

                              Npm cannot find a required file even through it is in the searched directory

                              in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith