在 TableView 顶部添加图像

Posted 2023-03-04

【中文标题】在 TableView 顶部添加图像

【英文标题】：Add image on top of TableView

【发布时间】：2011-08-26 18:48:57

【问题描述】：

这可能是一个愚蠢的问题，但我现在已经为此苦苦挣扎了一分钟。我以编程方式创建了一个 UITableView，所有数据都完美流动，现在我只想在表格顶部添加一个静态图像，但似乎无法做到：-( 我知道这可能非常基本，但我真的需要有人帮我解决这个问题。

【参考方案1】：

好吧，我最终在代码中完成了它，就是这样。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 

    UIImage *myImage = [UIImage imageNamed:@"ranking_bar.png"];
    UIImageView *imageView = [[[UIImageView alloc] initWithImage:myImage] autorelease];
    imageView.frame = CGRectMake(10,10,320,30);

    return imageView;



- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section 
    return 30;

【参考方案2】：

所以通常你会创建一个 UITableViewController 来委托表格的工作方式（这是 numberOfSectionsInTableView、numberOfSectionsInTableView 等）方法所在的地方。要使单元格本身不同，则默认您需要创建 UITableViewCell 的子类

customcell.h

#import <UIKit/UIKit.h>


@interface CustomCell : UITableViewCell 

    UILabel *primaryLabel;
    UIImageView *myImageView;


@property (nonatomic, retain) UILabel *primaryLabel;
@property (nonatomic, retain) UIImageView *myImageView;
@end

customcell.m

#import "CustomCell.h"


@implementation CustomCell
@synthesize primaryLabel,myImageView;
- (id)initWithFrame:(CGRect)frame reuseIdentifier:(NSString *)reuseIdentifier 

    if (self = [super initWithFrame:frame reuseIdentifier:reuseIdentifier]) 

        // Initialization code

        primaryLabel = [[UILabel alloc]init];

        primaryLabel.textAlignment = UITextAlignmentLeft;

        primaryLabel.font = [UIFont systemFontOfSize:20];

        primaryLabel.backgroundColor = [UIColor blackColor];

        primaryLabel.textColor = [UIColor redColor];

        myImageView = [[UIImageView alloc]init];

        [self.contentView addSubview:primaryLabel];

        [self.contentView addSubview:myImageView];

    

    return self;



- (void)layoutSubviews 

    [super layoutSubviews];

    CGRect contentRect = self.contentView.bounds;

    CGFloat boundsX = contentRect.origin.x;

    CGRect frame;

    frame= CGRectMake(boundsX+10 ,0, 300, 40);

    myImageView.frame = frame;

    frame= CGRectMake(boundsX+70 ,5, 200, 25);

    primaryLabel.frame = frame;



- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) 
        // Custom initialization
    
    return self;


- (void)dealloc

    [myImageView release];
    [primaryLabel release];
    [super dealloc];


- (void)didReceiveMemoryWarning

    // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];

    // Release any cached data, images, etc that aren't in use.


#pragma mark - View lifecycle

- (void)viewDidLoad

    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.


- (void)viewDidUnload

    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;


- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

    // Return YES for supported orientations

然后回到你的 UITableViewController : cellforrowatindexpath 方法你应该分配你的自定义单元格

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    static NSString *CellIdentifier = @"Cell";

    CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) 
        cell = [[[CustomCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];

    

    // Configure the cell...
    NSInteger row = [indexPath row];
    NSString *pathString= [snowBoardArray objectAtIndex:row];
    NSString *string2= @"Cell";
    pathString = [pathString stringByAppendingString:string2];



    cell.primaryLabel.text=[snowBoardArray objectAtIndex:row];
    NSString *filePath = [[NSBundle mainBundle] pathForResource:pathString ofType:@"png"];
    UIImage *theImage = [[UIImage alloc] initWithContentsOfFile:filePath];
    cell.myImageView.image = theImage;
    [theImage release];

    return cell;

【讨论】：

您好，谢谢您的回复，实际上我什至不想要标签内的图像，我的表格从 Y30px 开始，所以我顶部有一个空白空间，这就是我想放的地方一张静态图片。

我想另一种说法是如何在坐标 (0,0,320,30) 处添加图像？

你试过只使用界面生成器吗？我知道我的一个应用程序是这样做的，我所做的只是在表格上方放置一个 UIPictureView（从内存中不记得图片视图的确切名称）并调整其大小以适合然后选择您的图像。我认为我错过了一些东西，因为你听起来很精通，这是一个非常简单的方法

实际上我通常用 IB 创建我的表，这次我使用不同的方法，只需要一个简单的 UIImageView 在我的视图上，我知道这听起来很疯狂，但我就是无法做到出于某种原因工作，也许睡个好觉对我有用:-)

是的，我实际上最终把它放在了标​​题上。感谢您的帮助！

【参考方案3】：

    -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
  

    UIImageView *imageView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"urImg.png"]] autorelease];  
    imageView.frame = CGRectMake(5,5,320,30);
    return imageView;


(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section   
     
      return 30;  
 

【讨论】：

从实际答案中复制粘贴