【发布时间】：2013-02-05 12:55:40
【问题描述】：
我正在尝试创建一个类似于屏幕截图中的应用：
它看起来像一个表格视图，内容显示在点击单元格下方。有谁知道如何做到这一点。我设法创建了一个包含我想要显示的内容的单元格，并在加载表格时限制单元格的高度。点击时高度只会增加。但这不是我想要的。此外，要显示的内容可以是任何高度，因此我需要相应地调整单元格的大小。
也许还有另一种方法可以实现我想要实现的目标？
任何意见将不胜感激。
编辑： 好的，我在一定程度上可以做到这一点，但是这有一些问题： 1）有些行只显示前几行的数据 2）展开和折叠单元格会改变内容，什么时候应该显示/隐藏
我的代码：
#import "ViewController.h"
#import "Data.h"
@interface ViewController ()
@end
@implementation ViewController {
NSArray *data;
NSInteger selectedIndex;
NSIndexPath *selectedCellIndexPath;
}
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
selectedIndex = -1;
self.navigationItem.title = @"Test App";
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"Back" style:UIBarButtonItemStyleBordered target:nil action:nil];
[[self navigationItem] setBackBarButtonItem:backButton];
// Create Data array
Data *data1 = [Data new];
data1.text = @"Abhijit ipsum dolor sit amet, consectetur adipiscing elit.";
data1.translation = @"AbhijitDE ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data2 = [Data new];
data2.text = @"Anurag ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data2.translation = @"AnuragDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data3 = [Data new];
data3.text = @"Chetan ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data3.translation = @"ChetanDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data4 = [Data new];
data4.text = @"Eric ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data4.translation = @"EricDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data5 = [Data new];
data5.text = @"Neha ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsumiraj dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data5.translation = @"NehaDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data6 = [Data new];
data6.text = @"Nilesh ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data6.translation = @"NileshDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
Data *data7 = [Data new];
data7.text = @"Niraj ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsumiraj dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data7.translation = @"NirajDE ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
data = [NSArray arrayWithObjects:data1, data2, data3, data4, data5, data6, data7, nil];
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 1;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return data.count;
}
// This just a convenience function to get the height of the label based on the comment text
-(CGFloat)getLabelHeightForIndex:(NSString *)string
{
CGSize maximumSize = CGSizeMake(320, 10000);
CGSize labelHeightSize = [string sizeWithFont:[UIFont fontWithName:@"Helvetica" size:14.0f] constrainedToSize:maximumSize lineBreakMode:NSLineBreakByWordWrapping];
return labelHeightSize.height + 10;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UILabel *mainLabel, *secondLabel;
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
// First label
mainLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, 320.0, 36.00)];
mainLabel.font = [UIFont fontWithName:@"Helvetica" size:14.0f];
mainLabel.textColor = [UIColor blackColor];
mainLabel.backgroundColor = [UIColor clearColor];
mainLabel.numberOfLines = 0;
mainLabel.lineBreakMode = NSLineBreakByWordWrapping;
// mainLabel.autoresizingMask = UIViewAutoresizingFlexibleHeight;
// mainLabel.clipsToBounds = YES;
[cell.contentView addSubview:mainLabel];
// Second label
secondLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 10.0, 320.0, 36.00)];
secondLabel.font = [UIFont fontWithName:@"Helvetica" size:14.0f];
secondLabel.textColor = [UIColor whiteColor];
secondLabel.backgroundColor = [UIColor grayColor];
secondLabel.numberOfLines = 0;
secondLabel.lineBreakMode = NSLineBreakByWordWrapping;
// secondLabel.autoresizingMask = UIViewAutoresizingFlexibleHeight;
// secondLabel.clipsToBounds = YES;
[cell.contentView addSubview:secondLabel];
}
// Get data for the current row
Data *dataContent = [data objectAtIndex:indexPath.row];
CGFloat dataTextHeight = [self getLabelHeightForIndex:dataContent.text];
mainLabel.frame = CGRectMake(0.0, 0.0, 320.0, dataTextHeight);
mainLabel.text = dataContent.text;
CGFloat dataTranslationHeight = [self getLabelHeightForIndex:dataContent.translation];
secondLabel.frame = CGRectMake(0.0, dataTextHeight + 10.00, 320.0, dataTranslationHeight);
secondLabel.text = dataContent.translation;
if(selectedIndex == indexPath.row)
{
secondLabel.hidden = YES;
}
else
{
secondLabel.hidden = YES;
}
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
// Get data for the current row
Data *dataContent = [data objectAtIndex:indexPath.row];
CGFloat dataTextHeight = [self getLabelHeightForIndex:dataContent.text];
CGFloat dataTranslationHeight = [self getLabelHeightForIndex:dataContent.translation];
if(selectedIndex == indexPath.row)
{
return (dataTextHeight + dataTranslationHeight) + 10;
}
else
{
return dataTextHeight;
}
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
// An expanded cell is clicked, minimize it
if(selectedIndex == indexPath.row)
{
selectedIndex = -1;
[tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
return;
}
// If any previous cell is expanded, minimize it
if(selectedIndex >= 0)
{
NSIndexPath *previousPath = [NSIndexPath indexPathForRow:selectedIndex inSection:0];
[tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:previousPath] withRowAnimation:UITableViewRowAnimationFade];
}
// Expand the currently expanded cell
selectedIndex = indexPath.row;
NSIndexPath *currentPath = [NSIndexPath indexPathForRow:selectedIndex inSection:0];
[tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:currentPath] withRowAnimation:UITableViewRowAnimationFade];
}
@end
【问题讨论】：
-
你想要什么样的“揭露”？覆盖视图消失，显示的项目滑入，或者???
-
好吧...基本上我正在编写一个印度本地语言翻译应用程序...并且基本上需要在表格视图中显示英语语句...点击任何行应该从在单元格下方...再次点击它应该将翻译向后滑动...每行的内容和翻译可以是任意长度，这意味着行的大小和翻译应该是动态的...跨度>
标签： ios xcode nstablecellview