iOS Development UI Chapter-ipad Development Modal Introduction

Source: Internet
Author: User

First, Brief introduction

Illustration 1:

In iphone development, modal is a common way to switch controllers

The default is to eject from the bottom of the screen until the contents of the back are completely covered

Illustration 2:

In the development of ipad, the frequency of use of modal is very high.

In contrast to iphone development, modal has a number of uses in ipad development

Second, the presentation style 

(a) What is a rendering style

Modal out of the controller, and the final display looks like

(b) There are 4 kinds of presentation styles commonly found in modal

(1) Uimodalpresentationfullscreen: Full screen display (default)

(2) Uimodalpresentationpagesheet width: Width at vertical (768) Height: The height of the current screen (fills the entire height)

(3) Uimodalpresentationformsheet: Occupy a small piece of the middle of the screen ( more commonly used)

(4) Uimodalpresentationcurrentcontext: Follow the rendering style of the parent controller

(c) Code example

  

(iv) Attention points

  Description: Package A navigation controller for TableView (note modal who will set the realistic style)

  

Realistic Effect:

  

Third, transition style

(a) What is the transition style?

Modal out of the controller, is how the animation rendered out

(ii) modal total of 4 transition styles

Uimodaltransitionstylecoververtical: Drill up from bottom (default)

Uimodaltransitionstylefliphorizontal: three-dimensional flip

Uimodaltransitionstylecrossdissolve: Fade in and fade out

Uimodaltransitionstylepartialcurl: Page Turn (show only part, use premise: Render style must be Uimodalpresentationfullscreen)

(c) Code example

  

Implementation effect (note the display of the page effect)

  

iOS Development UI Chapter-ipad Development Modal Introduction

Related Article

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.