[출처]:http://www.vickiwenderlich.com/2011/07/basic-iphone-ipad-screen-component-pixel-dimensions/

iPhone and iPod Touch Pixel Dimensions

Notes:

• For iPhone Retina display, all pixel dimensions are doubled.
• All the dimensions for the iPhone (not retina) are the same as for the iPod Touch.
• All pixel dimensions include highlight or stroke effects.  For example, a 30-pixel high button is actually a 29-pixel high button with a 1-pixel highlight on the bottom.

iPhone screen size:

• Portrait 320×480 pixels
• Landscape 480×320 pixels

iPhone Nav bar:

• Portrait: 44 pixels high
• Landscape: 32 pixels high

iPhone Nav bar buttons:

• Portrait: 30 pixels high
• Landscape: 24 pixels high

iPhone Nav bar button icons: about 20×20 pixels (when in Landscape mode, it shrinks the 20×20 pixel icon)

iPhone Toolbar: 44 pixels high (does not change)

iPhone Toolbar button: 30 pixels high (does not change)

iPhone Toolbar button icon: about 20×20 pixels

iPhone Tab Bar: 49 pixels high (does not change)

iPhone Tab Bar icon: about 30×30 pixels
 

iPad Pixel Dimensions

iPad screen size:

• Portrait 768×1024 pixels
• Landscape 1024×768

iPad Navigation Bar and Tool Bars: 44 pixels high

iPad Nav Bar and Tool Bar buttons: 30 pixels high

iPad Nav Bar and Tool Bar button icons: about 20×20 pixels

iPad Tab Bar: 49 pixels high

iPad Tab Bar icons: about 30×30 pixels

iPad List View: 320 pixels wide.  This is because when the same app is on the iPhone, the 320 pixel width fits iPhone Portrait mode perfectly.
 

Those are the notes that I find myself referring to the most; now they are all in one place! In fact, I referred to them twice for my regular work projects since making these reference lists :]

If you have any other basic pixel dimensions that you are always having to look up, please add them in the comments! In the future I may make more of these reference images, so if you have any requests please list them here.

풋터 높이
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section { 
    return 44; 
}

섹션별 디자인 설정

- (UIView *) tableView:(UITableView *)tableView
  
viewForHeaderInSection:(NSInteger)section {
   UIView* customView = [[[UIView alloc] 
     
initWithFrame:CGRectMake(10.0, 0.0, 300.0, 44.0)]
       autorelease];
  
 customView.backgroundColor = 
     [UIColor colorWithRed:.6 green:.6 blue:1 
alpha:.9];
   UILabel * headerLabel = [[[UILabel alloc]
     
initWithFrame:CGRectZero] autorelease];
   headerLabel.backgroundColor = 
[UIColor clearColor];
   headerLabel.opaque = NO;
   headerLabel.textColor 
= [UIColor whiteColor];
   headerLabel.font = [UIFont 
boldSystemFontOfSize:16];
   headerLabel.frame = CGRectMake(0,-11, 320.0, 
44.0);
   headerLabel.textAlignment = UITextAlignmentCenter;
   
headerLabel.text = [NSString stringWithString:@"Your Text"];
   [customView addSubview:headerLabel];
   return customView;
}


- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { 
  UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0,0, 320, 44)] autorelease]; 
  UILabel *label = [[[UILabel alloc] initWithFrame:headerView.frame] autorelease]; 
  label.textColor = [UIColor redColor]; 
  label.text = [NSString stringWithFormat:@"Section %i", section]; 
 
  [headerView addSubview:label]; 
  return headerView; 
} 


// Need to refactor so that the label is Public Sharing and Priviate Sharing and the actions work for each switch 
- (UIView *) tableView: (UITableView *) tableView 
viewForFooterInSection: (NSInteger) section 
{ 
  if (section == 0 || section == 1) { 
    CGRect screenRect = [[UIScreen mainScreen] applicationFrame]; 
    UIView* footerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, screenRect.size.width, 44.0)]; 
    footerView.autoresizesSubviews = YES; 
    footerView.autoresizingMask = UIViewAutoresizingFlexibleWidth; 
    footerView.userInteractionEnabled = YES; 
 
    footerView.hidden = NO; 
    footerView.multipleTouchEnabled = NO; 
    footerView.opaque = NO; 
    footerView.contentMode = UIViewContentModeScaleToFill; 
 
    // Add the label 
    UILabel*    footerLabel = [[UILabel alloc] initWithFrame:CGRectMake(150.0, -5.0, 120.0, 45.0)]; 
    footerLabel.backgroundColor = [UIColor clearColor]; 
    footerLabel.opaque = NO; 
    footerLabel.text = @"Sharing"; 
    footerLabel.textColor = [UIColor tableHeaderAndFooterColor]; 
    footerLabel.highlightedTextColor = [UIColor tableHeaderAndFooterColor]; 
    footerLabel.font = [UIFont boldSystemFontOfSize:17]; 
    footerLabel.shadowColor = [UIColor whiteColor]; 
    footerLabel.shadowOffset = CGSizeMake(0.0, 1.0); 
    [footerView addSubview: footerLabel]; 
 
    [footerLabel release];   
 
    // Add the switch 
    UISwitch* footerSwitch = [[UISwitch alloc] initWithFrame:CGRectMake(215.0, 5, 80.0, 45.0)]; 
    [footerView addSubview: footerSwitch]; 
 
    // Return the footerView 
    return footerView; 
  } 
  else return nil; 
} 
// Need to call to pad the footer height otherwise the footer collapses 
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section { 
  switch (section) { 
    case 0: 
      return 40.0; 
    case 1: 
      return 40.0; 
    default: 
      return 0.0; 
  } 

cell.selectionStyle = UITableViewCellSelectionStyleNone;

\r ==> \\r
\n ==> \\n
으로텍스트를 변경해줘야 한다.

그럼으로 다음과 같이 함수를 만들어 보았다.

/* json parsing \r \n 변경 */

 function json_text($str){

  $str =  str_replace("\r","\\r", $str);
  $str =  str_replace("\n","\\n",$str);

  return $str;

 }

[원문] : http://www.cimgf.com/2009/09/23/uitableviewcell-dynamic-height/

Calculate the UILabel Frame and Set It

The same calculation we used to determine the height in the previous section is the code we use to set the frame for the UILabel we added in the beginning. To complete this tutorial we will finish out our implementation of -cellForRowAtIndexPath with the following code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

- (UITableViewCell *)tableView:(UITableView *)tv cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
  UITableViewCell *cell;
  UILabel *label = nil;
 
  cell = [tv dequeueReusableCellWithIdentifier:@"Cell"];
  if (cell == nil)
  {
    cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:@"Cell"] autorelease];
 
    label = [[UILabel alloc] initWithFrame:CGRectZero];
    [label setLineBreakMode:UILineBreakModeWordWrap];
    [label setMinimumFontSize:FONT_SIZE];
    [label setNumberOfLines:0];
    [label setFont:[UIFont systemFontOfSize:FONT_SIZE]];
    [label setTag:1];
 
    [[label layer] setBorderWidth:2.0f];
 
    [[cell contentView] addSubview:label];
 
  }
  NSString *text = [items objectAtIndex:[indexPath row]];
 
  CGSize constraint = CGSizeMake(CELL_CONTENT_WIDTH - (CELL_CONTENT_MARGIN * 2), 20000.0f);
 
  CGSize size = [text sizeWithFont:[UIFont systemFontOfSize:FONT_SIZE] constrainedToSize:constraint lineBreakMode:UILineBreakModeWordWrap];
 
  if (!label)
    label = (UILabel*)[cell viewWithTag:1];
 
  [label setText:text];
  [label setFrame:CGRectMake(CELL_CONTENT_MARGIN, CELL_CONTENT_MARGIN, CELL_CONTENT_WIDTH - (CELL_CONTENT_MARGIN * 2), MAX(size.height, 44.0f))];
 
  return cell;
}

Just remember that anything done within the if (cell == nil) block is initialization code and should only be done when the cell is first created. Anything done outside of the block will be used every time the -cellForRowAtIndexPath is called, which is any time the data gets reloaded or the view gets scrolled.

That being said, you will see that the only thing we do every time it gets called is setting the text of the current item and setting the label’s frame for the current item (lines 32 and 33). Notice that we got a handle to our UILabel by calling [cell viewWithTag:1] (lines 29 and 30) in the case where the label is nil in subsequent/non-initialization calls to this method. You will notice that our frame calculation code is exactly the same as what we used in the previous section to determine the row height.

Conclusion

Calculating dynamic cell heights is really not too hard. If you have a very complex cell, just remember that all you really need to calculate is the height based up a width that shouldn’t change and the size of the text of a certain font (unless of course you support both portrait and landscape modes–which makes things a little more challenging. I will, however, leave this as an exercise for the reader). If you find yourself wondering where your actual frame is displaying for a given view, just turn on the view border by calling [[view layer] setBorderWidth:2.0f]. This will help you see what is going on and give you the ability get to the bottom of your display problems quicker. Until next time.

DynamicHeights Demo Project