给TableView添加背景

iPhone SDK提供了默认的几个TableView样式，但是如果想提供更个性化的样式就需要自己定义。 比如添加背景

如上图的样子。 其实自定义table view的样子很简单，无非就是把table view和table view cell的背景变成透明的，然后在指定视图和cell的背景图片（当然，也可以指定table view的背景图片）

1.  
2. @interface MainViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>
3. {
4.   UITableView *theTableView;
5. }
6.  

先建立Controller，注意是继承自UIViewController而不是UITableViewController

实现类

1.  
2. - ( id )init
3. {
4.   if (self = [super init ] )
5.   {
6.     self.view = [ [ [UIView alloc ] initWithFrame: [ [UIScreen mainScreen ] applicationFrame ] ] autorelease ];
7.  
8.     // Setup the background
9.     UIImageView *background = [ [UIImageView alloc ] initWithImage: [UIImage imageNamed:@ "background.png" ] ];
10.     [self.view addSubview:background ];
11.     [background release ];
12.  
13.     // Create table view
14.     theTableView = [ [UITableView alloc ] initWithFrame:CGRectMake ( 0, 11, 320, 460 ) style: UITableViewStylePlain ];
15.     [theTableView setDelegate:self ];
16.     [theTableView setDataSource:self ];
17.  
18.     // This should be set to work with the image height
19.     [theTableView setRowHeight: 68 ];
20.  
21.     // Transparent, so we can see the background
22.     [theTableView setBackgroundColor: [UIColor clearColor ] ];
23.     [theTableView setSeparatorStyle:UITableViewCellSeparatorStyleNone ];
24.     [theTableView setIndicatorStyle:UIScrollViewIndicatorStyleWhite ];
25.  
26.     [self.view addSubview:theTableView ];
27.  
28.   }
29.   return self;
30. }
31.  

代码中的注释已经很清楚了。 先设置视图的背景，再设定table view的背景

再看另外一断代码，设置了cell的背景，注意，这里面使用了自定义的cell类CustomCell

1.  
2. - (UITableViewCell * )tableView: (UITableView * )tableView cellForRowAtIndexPath: (NSIndexPath * )indexPath
3. {
4.         CustomCell *cell= [ [ [CustomCell alloc ] initWithStyle:UITableViewCellStyleDefault reuseIdentifier: nil ] autorelease ];
5.        
6.         // Default to no selected style and not selected
7.         cell.selectionStyle = UITableViewCellSelectionStyleNone;
8.        
9.         // Set the image for the cell
10.         [cell setTheImage: [UIImage imageNamed: [ NSString stringWithFormat:@ "Arrows%d.png", indexPath.row + 1 ] ] ];
11.        
12.         return cell;
13. }
14.  

我们再看看如何定义自定义的cell

1.  
2. #import <UIKit/UIKit.h>
3.  
4. @interface CustomCell : UITableViewCell
5. {
6.   UIImageView *image;
7. }
8.  
9. - ( void ) setTheImage: (UIImage * )icon;
10.  
11. @end
12.  

再看实现类

1.  
2. #import "CustomCell.h"
3.  
4. @implementation CustomCell
5.  
6. /*—————————————————————————
7. *
8. *————————————————————————–*/
9. - ( id ) initWithStyle: (UITableViewCellStyle )style reuseIdentifier: ( NSString * )reuseIdentifier
10. {
11.         if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier ] )
12.   {
13.     // Cells are transparent
14.     [self.contentView setBackgroundColor: [UIColor clearColor ] ];
15.         }
16.  
17.         return self;
18. }
19.  
20. /*—————————————————————————
21. *
22. *————————————————————————–*/
23. - ( void ) setTheImage: (UIImage * ) icon
24. {  
25.   // Alloc and set the frame
26.   image = [ [UIImageView alloc ] initWithImage:icon ];
27.   image.frame = CGRectMake ( 0, 0, 286, 68 );
28.  
29.   // Add subview
30.   [self.contentView addSubview:image ];    
31. }
32.  
33. /*—————————————————————————
34. *
35. *————————————————————————–*/
36. - ( void )setSelected: ( BOOL )selected animated: ( BOOL )animated
37. {
38.   [super setSelected:selected animated:animated ];  
39.   if (selected == YES )
40.     image.alpha = . 5;
41.   else
42.     image.alpha = 1;
43. }
44.  
45. /*—————————————————————————
46. *
47. *————————————————————————–*/
48. - ( void )dealloc
49. {
50.   [image release ];
51.   [super dealloc ];
52. }
53.  
54. @end
55.  

http://blog.prosight.me/index.php/2009/10/406