iphone - ¿Cómo agregar una subvista a una UITableViewCell y cambiar su tamaño en el modo de edición?

objective-c uislider

Question

Editar: Estoy empezando una recompensa por este, ya que estoy buscando una solución "limpia" con una subclase UITableViewCell , en lugar de jugar con el delegado UITableView y el origen de datos. Idealmente, me gustaría ver cómo podría manejar los eventos de UISlider . ¡Gracias!

Estoy usando un UITableView estilo UITableView y tengo varias celdas que se ven así:

Ahora, mientras estoy en el modo de edición , me gustaría tener un UISlider que establezca el valor del UILabel correcto, para que el resultado se vea así:

¿Podría alguien señalarme en la dirección correcta? Ni siquiera estoy seguro de si debería hacerlo subclasificando UITableViewCell o en IB. Los fragmentos de código serían muy apreciados :)

Answer 1

En lo que a mi conocimiento se refiere, puedes agregar tu control deslizante cuando comience la edición. Quiero decir en el siguiente método.

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

Gracias.

Answer 2

En primer lugar, cree un nuevo proyecto basado en navegación, luego cree un nuevo archivo de clase llamado CustomCell.h y CustomCell.m , respectivamente.

Copie y pegue este código en su archivo 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

Compila y ejecuta y tienes una versión perfectamente fina de los controles que querías. Incluso implementé animaciones tan suaves como la mantequilla. ¡Que te diviertas!

EDITAR: si desea utilizar los controles de edición, no debe implementar el siguiente método y debe ajustar el marco de las etiquetas y el control deslizante.

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

Answer 3

Siendo un fanático de las bondades, me senté y experimenté un poco. Esto es lo que he encontrado que es la solución más limpia:

Harás una clase de celda personalizada. Cuando leí tu publicación, no tienes ningún problema con esto, y creo que es la única forma.

En el archivo de encabezado:

@interface TableCellSlider : UITableViewCell {
    UISlider *cellSlider;
}

En el archivo principal:

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

En cuanto a la tabla y la altura de la celda, agregue esto a la secuencia de comandos de la tabla:

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

Esto debería funcionar. Puede usar getValue en las celdas, por lo que no tiene que sintetizar los controles deslizantes, y se ocultarán o reaparecerán por cualquier motivo que las celdas sean editables.

La mejor de las suertes con su proyecto:]

Answer 4

Solo estoy disparando a ciegas, ya que no lo he implementado solo, pero la tabla de recarga con el nuevo tamaño puede ser útil, puedes sobrescribir, seguir el método mientras estás en modo de edición ...

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

Answer 5

necesita reconfigurar su celda en el método delgate llamado

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

este método se llama cuando el usuario cambia la celda para eliminar

donde puedes encontrar la celda por el método de UITableView

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

y luego reconfigúralo

para obtener más información, consulte la documentación del desarrollador