iOS: TextField de estilo de tabla para la pantalla de inicio de sesión?

Question

Quiero hacer una pantalla de inicio de sesión como la de la aplicación de Facebook. La parte que quiero replicar son los dos campos de texto que cuando se apilan parecen un grupo de tablas. Sin embargo, no puedo entender cómo lo hicieron.

¿Quién sabe el truco?

No puedo publicar una imagen porque soy nuevo en stackoverflow. Es un efecto que parecen un óvalo redondeado pero con 2 campos de texto dentro. Uno para nombre de usuario, uno para contraseña.

Answer 1

puede usar el siguiente código.

// en el archivo .h

UITextField *loginId; 
UITextField *password ; 

// en el archivo .m

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ 
     return 2; 
    } 
    - (UITableViewCell *)tableView:(UITableView *)table cellForRowAtIndexPath:(NSIndexPath *)indexPath { 

     UITableViewCell *cell = [table dequeueReusableCellWithIdentifier:@"Cell"]; 
     if(cell == nil) 
      cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"] autorelease]; 

     if (indexPath.row == 0) { 
      loginId = [[UITextField alloc] initWithFrame:CGRectMake(5, 0, 280, 21)]; 
      loginId .placeholder = @"loginid"; 
      loginId .autocorrectionType = UITextAutocorrectionTypeNo; 
      [loginId setClearButtonMode:UITextFieldViewModeWhileEditing]; 
      cell.accessoryView = loginId ; 
     } 
     if (indexPath.row == 1) { 
      password = [[UITextField alloc] initWithFrame:CGRectMake(5, 0, 280, 21)]; 
      password.placeholder = @"Password"; 
      password.secureTextEntry = YES; 
      password.autocorrectionType = UITextAutocorrectionTypeNo; 
      [password setClearButtonMode:UITextFieldViewModeWhileEditing]; 
      cell.accessoryView = password; 
     } 
     loginId.delegate = self; 
     password.delegate = self; 


     [tableView1 addSubview:loginId]; 
     [tableView1 addSubview:password]; 
     [loginId release]; 
     [password release]; 

     cell.selectionStyle = UITableViewCellSelectionStyleNone; 
     return cell; 
    } 
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ 

     return 1; 
    } 

Answer 2

Simplemente use un UIVIew con esquinas redondeadas para el fondo y agregue los dos campos de texto como vistas secundarias.

Answer 3

Puede tomar UITableView y agregar UITextField como accessoryType para su propósito.

Answer 4

¡Ah! Tengo la respuesta. Es solo arte. Es un UIImage que se parece a una mesa de 2 celdas con UITextFields sin bordes. ¿Por qué nunca adivino que es arte?

Answer 5

tomar el código de aquí: https://github.com/c99koder/lastfm-iphone

si se descarga el código y mirar hacia el FirstRunView.xib verá la misma implementación que desee.