UI Component Set

Cocoa Touch design mode MVC (model data structure layer, view user interface, Controller manages user interaction and business logic)

For example, a project from the mobile phone to the tablet, you should just modify the interface, and the other two levels should not have a big change

View:

Base class UIView:

Size Fill Modes Mode

Identification Number Tag

View behavior: Interactive (Interaction): Interactive switch (User ineraction Enabled)

Multitouch (multiple Touch)

Drawing (Drawing): Opaque (Opaque)

Hidden (Hidden)

Clear image content (clear graphics context)

Truncate child View boundaries (Clip subviews)

Child View Auto Size (autoresize subviews)

View appearance: transparency: Alpha

Background color: Background

Appearance Agent appearance method Opearancewhencontainedin (... ）

Color Tintcolor Properties

Use Ullmage to create a picture template, Imagewithrenderingmode (...)

Auto layout: Pin exact value and range: Width,height the width of a single element

Horizontal Spacing, Vertical Spacing two elements horizontal and vertical spacing

Leading space to Superview four direction spacing of one or more elements relative to their container view

Training Space to Superview

Top Space to Superview

Bottom Space to Superview

Widths equally,heightsequally the width and height of two or more elements are equal

Constraint Amount: Edit

Align aligns left Edges between two or more elements, right-aligned, top-aligned, bottom-aligned

Right Edges

Top Edges

Bottom Edges

Horizontal Centers horizontal or vertical centerline alignment between two or more elements, baseline alignment (optional)

Vertical Centers

Baselines

Horizontal center in Container two or more elements aligned in the horizontal or vertical midline of their container

Vertical Centers in Container

View Accessibility features

View debugging resolves conflicting settings such as opaque alpha

UI Component Set