如何在UITableViewCell中添加子视图并在编辑模式下调整其大小?

时间:2011-05-26 11:46:03

标签: iphone objective-c uitableview uislider

编辑:我正在开始对此进行赏金,因为我正在寻找一个带有UITableViewCell 子类的“更清洁”的解决方案,而不是弄乱{{1委托和数据源。理想情况下,我想看看我如何处理UITableView事件。谢谢!

我正在使用群组风格的UISlider,我有几个看起来像这样的单元格:

enter image description here

现在,当我处于编辑模式时,我想要一个UITableView来设置正确的UILabel的值,这样结果将如下所示:

enter image description here

有人能指出我正确的方向吗?我甚至不确定我是否应该通过继承UISlider或IB来做到这一点。代码片段将受到高度赞赏:)

5 个答案:

答案 0 :(得分:24)

作为赏金的傻瓜,我坐下来试验了一下。这是我发现最干净的解决方案:

您将制作自定义单元格类。正如我从你的帖子中读到的,你对此没有任何问题,我相信它确实是唯一的方法。

在头文件中:

@interface TableCellSlider : UITableViewCell {
    UISlider *cellSlider;
}

在主文件中:

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        cellSlider = [[UISlider alloc] initWithFrame:CGRectMake(200, 10, 100, 20)];
        [self addSubview:cellSlider];
        cellSlider.hidden = YES;
    }

    return self;
}

- (void)didTransitionToState:(UITableViewCellStateMask)state
{ 
    if (self.editing) {
        cellSlider.hidden = NO;
    } else {
        cellSlider.hidden = YES;
    }
}

- (float)getValue {
    return cellSlider.value;
}

对于表格和单元格高度,请将其添加到表格脚本中:

- (void)setEditing:(BOOL)editing animated:(BOOL)animated
{
    [self.tableView beginUpdates];
    [super setEditing:editing animated:YES];
    [self.tableView endUpdates];
    //[self.tableView reloadData];
}


    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
    { 
        if (self.editing) {
            return 50;
        } else {
            return 30;
        }
    }

这应该可以解决问题。你可以在单元格上使用getValue,这样就不必合成滑块了,它们会因为单元格变得可编辑而隐藏/重新出现。

祝你的项目好运:]

答案 1 :(得分:12)

首先,创建一个新的基于导航的项目,然后分别创建一个名为CustomCell.hCustomCell.m的新类文件。

将此代码复制并粘贴到 RootViewController.m 文件中:

#import "RootViewController.h"
#import "CustomCell.h"

@implementation RootViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.navigationItem.rightBarButtonItem=self.editButtonItem;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 2;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 1;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";

    CustomCell *cell = (CustomCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[CustomCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:CellIdentifier] autorelease];
    }
    cell.mainLabel.text=@"ValueName";

    return cell;
}

- (void)setEditing:(BOOL)editing animated:(BOOL)animated
{
    [super setEditing:editing animated:animated];
    [self.tableView beginUpdates];
    [self.tableView endUpdates];
}

- (float)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if(tableView.editing){
        return 70;
    }
    return 44;
}

- (BOOL)tableView:(UITableView *)tableView shouldIndentWhileEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    return NO;
}

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return UITableViewCellEditingStyleNone;
}

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    return;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}

- (void)viewDidUnload
{
    [super viewDidUnload];
}

- (void)dealloc
{
    [super dealloc];
}

@end

CustomCell.h:

#import <UIKit/UIKit.h>


@interface CustomCell : UITableViewCell {

}

@property (nonatomic, retain) UILabel *mainLabel;
@property (nonatomic, retain) UILabel *detailLabel;
@property (nonatomic, retain) UISlider *slider;

@end

CustomCell.m:

#import "CustomCell.h"

@implementation CustomCell
@synthesize mainLabel, detailLabel, slider;

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        slider = [[UISlider alloc] initWithFrame:CGRectMake(10, 12, 280, 0)];
        slider.alpha = 0;
        slider.maximumValue = 30;
        slider.autoresizingMask = UIViewAutoresizingFlexibleTopMargin;
        [self.contentView addSubview:slider];
        [slider addTarget:self action:@selector(sliderChanged:) forControlEvents:UIControlEventTouchDragInside];
        [slider release];

        mainLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 12, 150, 20)];
        mainLabel.highlightedTextColor = [UIColor whiteColor];
        mainLabel.backgroundColor = [UIColor clearColor];
        [self.contentView addSubview:mainLabel];
        [mainLabel release];

        detailLabel = [[UILabel alloc] initWithFrame:CGRectMake(self.bounds.size.width-180, 12, 150, 20)];
        detailLabel.textAlignment=UITextAlignmentRight;
        detailLabel.text = [NSString stringWithFormat:@"%i", lroundf(slider.value)];
        detailLabel.highlightedTextColor = [UIColor whiteColor];
        detailLabel.backgroundColor = [UIColor clearColor];
        [self.contentView addSubview:detailLabel];
        [detailLabel release];
    }
    return self;
}

- (void)setEditing:(BOOL)editing animated:(BOOL)animated
{
    [super setEditing:editing animated:animated];
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.3];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationBeginsFromCurrentState:YES];

    if(editing){
        slider.alpha = 1;
        slider.userInteractionEnabled=YES;
    }else{
        slider.alpha = 0;
        slider.userInteractionEnabled=NO;
    }

    [UIView commitAnimations];
}

-(IBAction) sliderChanged:(id) sender{
    detailLabel.text=[NSString stringWithFormat:@"%i", lroundf(slider.value)];
}

- (void)dealloc
{
    [super dealloc];
}

@end

编译并运行,您可以获得所需控件的完美版本。我甚至实现了像黄油一样光滑的动画。玩得开心!

编辑: 如果您确实想使用编辑控件,则不得实现以下方法,并且必须调整标签和滑块的框架。

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return UITableViewCellEditingStyleNone;
}

答案 2 :(得分:4)

您需要在名为

的delgate方法中重新配置您的单元格
- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath

当用户交换单元格以进行删除时,将调用此方法

您可以通过UITableView方法找到单元格

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

然后重新配置

有关更多信息,请参阅开发人员文档

答案 3 :(得分:3)

据我所知,您可以在编辑开始时添加滑块。我的意思是在以下方法中。

- (void)tableView:(UITableView*)tableView willBeginEditingRowAtIndexPath:(NSIndexPath*)indexPath
{
    /*  Add your slider.  */
}

感谢。

答案 4 :(得分:2)

我只是盲目地拍摄,因为我没有自己实现它,但是,使用新尺寸的重新加载表可能会有所帮助,您可以在编辑模式下覆盖方法。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    return (int)yourHeight;
}