'UIElements'에 해당되는 글 1건

  1. 2010.10.12 UIElements guideline
아이폰어플개발정보2010. 10. 12. 06:07
UIElements guideline
<form name="search" action="http://www.idev101.com/search.html" method="POST">

iPhone Development 101: User Interface: 
Sizes of iPhone UI Elements


Element Size (in pixels)
Window (including status bar) 320 x 480px
Status Bar
(How to hide the status bar)
20 px
View inside window 
(visible status bar)
320 x 460
Navigation Bar 44 px
Nav Bar Image /
Toolbar Image
up to 20 x 20 px (transparent PNG)
Tab Bar 49 px
Tab Bar Icon up to 30 x 30 px (transparent PNGs)
Text Field 31 px
Height of a view inside 
a navigation bar
416 px
Height of a view inside 
a tab bar
411 px
Height of a view inside 
a navbar and a tab bar
367 px
Portrait Keyboard height 216 px
Landscape Keyboard height 140 px

Viewing / Adjusting Sizes in Interface Builder

Sizes for specific UI elements (buttons, text fields, images, etc.) can be adjusted in the size panel of the Inspector window (↑⌘I):
icon shortcut
⌘3 Size is the size and location (in X,Y coordinates) of the object on screen.

Size (and location) can also be adjusted programmatically:

[button setFrame:CGRectMake(x, y, width, height)];

The x, y position refers to the top left corner of the view being positioned.

Frame and Bounds

The frame is the outer container for the view - the position of the item within its enclosing superview. x is the distance left-right, where x = 0 is the left side. y is the distance up-down, where y = 0 is the top of the frame.

The bounds rectangle determines the origin and scale in the view's coordinate system within its frame rectangle. Setting this property changes the value of the frame property accordingly.

When you set the frame property, the size of the bounds property is set to match the size of the frame property. The center property is also adjusted to match the center point of the new frame.

Additional References


Posted by 오늘마감

댓글을 달아 주세요