IOS: стиль текстового поля в стиле стола для экрана входа в систему?

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

Кто знает трюк?

Я не могу опубликовать изображение, потому что я новичок в stackoverflow. Это эффект, что они кажутся одним закругленным овалом, но с двумя текстовыми полями внутри. Один для имени пользователя, один для пароля.

Ответ 1

вы можете использовать приведенный ниже код.

//в .h файле

UITextField *loginId; 
UITextField *password ;

//в .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;
    }

Ответ 2

Возьмите код отсюда: https://github.com/c99koder/lastfm-iphone

если вы загрузите код и заглянете в FirstRunView.xib, вы увидите ту же реализацию, что и вам.

Ответ 3

Ах! Я получил ответ. Это просто искусство. Это UIImage, который выглядит как 2-элементный tableview с без полей UITextFields. Почему я никогда не догадываюсь об этом?

Ответ 4

Просто используйте UIVIew с закругленными углами для фона и добавьте два текстовых поля в виде суб-представлений.

Ответ 5

Вы можете взять UITableView и добавить UITextField как accessoryType для вашей цели.