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

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

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

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

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

Ответ 1

Прежде всего, создайте новый проект на основе навигации, затем создайте новый файл класса с именем 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];
    }
    [email protected]"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

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

EDIT: Если вы хотите использовать элементы управления редактирования, вы не должны применять следующий метод и должны отрегулировать рамку ярлыков и слайдера.

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

Ответ 2

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

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

В файле заголовка:

@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;
}

Что касается таблицы и высоты ячейки, добавьте ее в таблицу script:

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

Желаем удачи в вашем проекте:]

Ответ 3

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

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

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

где вы можете найти ячейку с помощью метода UITableView

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

а затем переконфигурируйте его

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

Ответ 4

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

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

Спасибо.

Ответ 5

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

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