Как добавить подвид в UITableViewCell и изменить его размер в режиме редактирования?

Изменить: я начинаю награду за это, так как я ищу «более чистое» решение с UITableViewCell подклассом, вместо того, чтобы возиться с делегатом UITableView и источником данных. В идеале я хотел бы посмотреть, как я могу обрабатывать события UISlider. Спасибо!

Я использую UITableView в стиле группы, и у меня есть несколько ячеек, которые выглядят так:

введите здесь описание изображения

Теперь, пока я нахожусь в режиме редактирования, я хотел бы иметь UISlider, который задает значение правильного UILabel, чтобы результат выглядел так:

введите здесь описание изображения

Может ли кто-нибудь указать мне правильное направление? Я даже не уверен, должен ли я сделать это, создав подкласс UITableViewCell или в IB. Фрагменты кода будут высоко оценены :)


person phi    schedule 26.05.2011    source источник
comment
можете ли вы опубликовать код, что вы делаете в cellForRowAtIndexPath   -  person ArunGJ    schedule 26.05.2011
comment
Я еще ничего не сделал, но что вы имеете в виду относительно cellForRowAtIndexPath?   -  person phi    schedule 26.05.2011
comment
Очень хорошая идея! Удачи тебе с твоим проектом!   -  person Zapko    schedule 02.06.2011


Ответы (5)


Прежде всего, создайте новый проект на основе навигации, затем создайте новый файл класса с именами CustomCell.h и CustomCell.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;
}
person fscheidl    schedule 02.06.2011
comment
Большое спасибо за ответ - это работает очень хорошо! Мне просто нужно было добавить -(BOOL)tableView:(UITableView *)tableView shouldIndentWhileEditingRowAtIndexPath:(NSIndexPath *)indexPath { return NO; } поэтому, если хотите, отредактируйте свой ответ для дальнейшего использования. - person phi; 07.06.2011

Будучи любителем наград, я сел и немного поэкспериментировал. Это то, что я нашел самым чистым решением:

Вы создадите собственный класс ячеек. Как я прочитал из вашего поста, у вас нет проблем с этим, и я считаю, что это действительно единственный способ.

В заголовочном файле:

@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 для ячеек, поэтому вам не нужно синтезировать ползунки, и они будут скрываться/появляться снова по любой причине, по которой ячейки станут редактируемыми.

Удачи в вашем проекте :]

person Nils Munch    schedule 01.06.2011
comment
Разве вызов [self.tableView reloadData]; не прерывает анимацию метода setEditing? - person marzapower; 01.06.2011
comment
Ты абсолютно прав, марза, я об этом не подумал. Я изменил код, чтобы вместо этого использовать систему обновлений, которая, к счастью, также перезагружает высоту ячеек. :] Проблема исправлена - person Nils Munch; 01.06.2011
comment
Даже если вопрос не мой, мне он нравится и ваше решение тоже нравится (сейчас). - person marzapower; 01.06.2011
comment
Отлично, это то, что я искал! На самом деле у меня все заработало, но теперь я пытаюсь анимировать UISlider так, чтобы он появлялся/исчезал вместе с ячейкой. Я добавил блок [UIView beginAnimations], но, к сожалению, он вызывается после завершения перехода ячейки. Есть идеи по этому поводу?? - person phi; 02.06.2011
comment
Вместо того, чтобы скрывать/показывать его в didTransitionToState, вы можете изменить его кадр x либо на его правильное место, либо на tableview.frame.width. Это сдвинет его за пределы экрана, когда он не должен отображаться, независимо от поворота или размера таблицы. - person Nils Munch; 02.06.2011
comment
Я бы порекомендовал иметь метод класса для класса ячейки, который возвращает высоту, а не жестко кодировать ее в tableView:heightForRowAtIndex:. Таким образом, все знания будут инкапсулированы в классе ячеек. Затем вы просто сделаете что-то вроде return [MyShinyCellClass preferredHeightWithEditingMode:self.editing]; - person DarkDust; 02.06.2011
comment
Кроме того, чтобы перезагрузить анимированную ячейку, используйте reloadRowsAtIndexPaths:withRowAnimation: внутри блока beginUpdates/endUpdates. - person DarkDust; 02.06.2011
comment
@DarkDust: Да, на самом деле это было бы неплохо. В этом не будет ничего плохого. - person Nils Munch; 05.06.2011
comment
Большое спасибо за ответ. В конце концов я взял тот, что от Fscheidl, но этот тоже очень хорош. - person phi; 07.06.2011

вам нужно перенастроить свою ячейку в методе delgate с именем

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath

этот метод вызывается, когда пользователь меняет ячейку местами для удаления

где можно найти ячейку методом UITableView

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

а потом перенастроить

для получения дополнительной информации обратитесь к документации разработчика

person Amit Singh    schedule 26.05.2011

Насколько мне известно, вы можете добавить свой ползунок, когда начнется редактирование. Я имею в виду следующий метод.

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

Спасибо.

person Phaniteja    schedule 26.05.2011

Я просто снимаю вслепую, так как я не реализовал это самостоятельно, но, может помочь перезагрузка таблицы с новым размером, вы можете перезаписать, следуя методу, находясь в режиме редактирования.

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    return (int)yourHeight;
}
person rptwsthi    schedule 26.05.2011
comment
Я также думал об этом, и я начну с реализации чего-то подобного, но я надеюсь (и чувствую), что должно быть лучшее решение. - person phi; 26.05.2011
comment
при перезагрузке таблицы кнопка удаления будет выделена красным... и с помощью этого метода вы никогда не сможете редактировать ячейку, потому что каждый раз, когда вы пытаетесь удалить перезагрузку таблицы, она устанавливает для своего представления таблицы значение свойства редактирования NO - person Amit Singh; 26.05.2011
comment
@Irene: Да, я тоже думаю так же, как и ты, надеюсь на лучшее :) - person rptwsthi; 26.05.2011