Liên kết hình ảnh UITableViewCell ở bên phải, có thể?

Question

khi thêm một hình ảnh để ô trong bảng, như mặc định nó đi sang trái:

cell.imageView.image = [UIImage imageNamed:[arrImages objectAtIndex:indexPath.row]]; 

làm thế nào tôi có thể thay đổi nó rằng mỗi hình ảnh trong UITableViewCell sẽ đi automaticlly sang bên phải và textLabel sẽ được 10px bên trái của hình ảnh.

Cảm ơn rất nhiều!

Answer 1

Một cách khác là tạo ra một tế bào tùy chỉnh và ghi đè layoutSubviews phương pháp.

@interface CustomCell : UITableViewCell 

@end 

@implementation CustomCell 

- (void)layoutSubviews 
{ 
    [super layoutSubviews]; 

    // grab bound for contentView 
    CGRect contentViewBound = self.contentView.bounds; 
    // grab the frame for the imageView 
    CGRect imageViewFrame = self.imageView.frame; 
    // change x position 
    imageViewFrame.origin.x = contentViewBound.size.width - imageViewFrame.size.width; 
    // assign the new frame 
    self.imageView.frame = imageViewFrame; 
} 

@end 

Rembember rằng trong cellForRowAtIndexPath bạn cần để tạo ra và tái sử dụng CustomCell và không UITableViewCell.

Hy vọng điều đó sẽ hữu ích.

Sửa

#import "CustomCell.h" 

// other code here... 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    static NSString *CellIdentifier = @"CustomCell"; 
    CustomCell *cell = (CustomCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
    if (cell == nil) 
    { 
     cell = [[[CustomCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; 
    } 

    return cell; 
} 

Answer 2

thử điều này:

cell.imageView.frame = CGRectMake(cell.frame.size.width - cell.imageView.frame.size.width, cell.imageView.frame.origin.y, cell.imageView.frame.size.width, cell.imageView.frame.size.height); 
[cell.yourTexLabel sizeToFit]; 
cell.yourTexLabel.frame = CGRectMake(cell.imageView.origin.x - cell.yourTexLabel.frame.size.width - 10, cell.yourTexLabel.frame.origin.y, cell.yourTexLabel.frame.size.width, cell.yourTexLabel.frame.size.height); 

Answer 3

Một giải pháp là sử dụng một tùy chỉnh UITableViewCell. Các bước là:

1. Tạo lớp khách quan-C mới là phân lớp UITableViewCell, ví dụ: LabeledImageTableViewCell. Khai báo ivars và thuộc tính cho số UILabel và UIImageView.
2. Trong Trình tạo giao diện, đặt nội dung của UITableView đến Mẫu thử động. Kéo một số UIImageView và UILabel vào ô xem bảng và định vị chúng. Đặt lớp của ô thành LabeledImageTableViewCell. Kết nối các cửa hàng của ô với các đối tượng UILabel & UIImageView của LabeledImageTableViewCell.

3. Trong các đại biểu cho UITableView (thường là một UITableViewController, đôi khi một UIViewController) thực hiện nguồn dữ liệu phương pháp, ví dụ:

   //#pragma mark - Table view data source 
   - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
   { 
       return 1; 
   } 
   
   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 
   { 
       return (NSInteger)[rowData count]; 
   } 
   
   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
   { 
       static NSString *CellIdentifier = @"tvcLabeledImage"; 
       LabeledImageTableViewCell *cell = (LabeledImageTableViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
       if (cell == nil) { 
        cell = [[LNCCorrelationInfoTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]; 
       } 
       cell.myImage = [UIImage imageNamed:@"imageForThisRow.png"]; 
       cell.myLabel = "imageForThisRow"; 
       return cell; 
   } 
   

Ngoài ra, hãy kiểm tra các đoạn video của Apple từ WWDC 2011, Thay đổi UITableView, Mẹo & Thủ thuật và Giới thiệu Bảng phân cảnh bộ dựng giao diện (Yêu cầu đăng nhập: https://developer.apple.com/videos/wwdc/2011/.)

Answer 4

Tìm giải pháp ở đây mã.

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"foo.png"]]; 
cell.accessoryView = imageView; 

Để bạn tham khảo.

UITableViewCell with image on the right?

Answer 5

Tìm thấy một câu trả lời tốt hơn từ @TomSwift đây https://stackoverflow.com/a/31616694/1884707

cell.contentView.transform = CGAffineTransformMakeScale(-1,1); 
cell.imageView.transform = CGAffineTransformMakeScale(-1,1); 
cell.textLabel.transform = CGAffineTransformMakeScale(-1,1); 
cell.textLabel.textAlignment = NSTextAlignmentRight; 

Bằng cách áp dụng một biến đổi trên contentView bạn có thể đặt IMAGExem ở bên phải.

Answer 6

trong swift3 và swift4, chúng ta có thể sử dụng này:

cell.accessoryView = UIImageView (ảnh: UIImage (tên: "imageNmae"))