IOS 8 Automatic layout Sizeclass and AutoLayout basic use

Source: Internet
Author: User

1. First create a new project, set up Rootviewcontroller (no more speaking here)

2. Tick below (as we are using sizeclass below, so tick two):

3. Here I created a lable, named View1, where you can see that the settings View1 are constrained to the upper and the left 0, and the width and height settings are 200, so you can set the right and bottom constraints,

4. When the above work is done, click the Add button and a yellow constraint will appear, such as:

5. Click Update Frames After the above work is complete, and the constraint to this View1 is created. When we want to change the constraint, we need to clear the original constraint, click on the clear Constraints, add the constraint from the new.

6. At this point, I created a lable called VIEW2, which also sets the constraint to 8 from the left (that is, 8 from the View1), 8 to the right margin, and 96 for the height.

7. Tap Add to add a constraint,

8. Update Fream is OK,

9. Similarly, create VIEW3 lable, in order to save everyone time, do not operate at every step, so far, the basic AutoLayout use has been described, you can run to see the effect.

Second, the use of Sizeclass

1, then the above example, we can find that at the bottom, there are Wany HAny, click Wany, we can see that this is the support of all the screen settings, the disadvantage is not exquisite, when we cross-screen how to do? (For a detailed resolution of size class, refer to the Apple documentation):

2. When we are in the horizontal screen to adapt to the screen, then, for example, choose the following way:

3. Change the properties, set the length and height, where I changed the height of the View1, such as:

4, change the height of View2 and View3, match with View1, for example:

After the modification, run debugging, which is the desired result. Of course, this example simply understands the adaptation of the two screens, and in the same way, you can adapt to other Apple screens.

I have limited knowledge, reference to other literature and knowledge, this article may have a lot of information, hope that the great god criticism.

IOS 8 Automatic layout Sizeclass and AutoLayout basic use

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.