Page de Login (Facebook Like)

[font=verdana, geneva, lucida,]Bonjour a tous,[/font]



[font=verdana, geneva, lucida,]fraichement debarque dans le monde du developpement ios (iphone/ipad), je dois, dans le cadre d'un projet realise une page de login. Celle ci doit ressembler a la page de login de l'application facebook :[/font]



[font=verdana, geneva, lucida,]01-splash-login-screen.jpg[/font]



[font=verdana, geneva, lucida,]J'ai un soucis en voulant creer cette vue. En fait je ne comprend pas bien comment l'agencer. [/font]

[font=verdana, geneva, lucida,]Pour le moment je pars sur une TableViewController avec deux sections : l'une pour les deux champs, l'autre pour le bouton.[/font]



[font=verdana, geneva, lucida,]Comment auriez vous creer cette vue ?? Sur la base d'un tableViewController ou alors une simple ViewController ?? [/font]



[font=verdana, geneva, lucida,]Merci d'avance pour vos réponses [/font][font=verdana, geneva, lucida,] [/font][font=verdana, geneva, lucida,] image/thumbsup.gif' class='bbc_emoticon' alt=' :D ' />[/font]

Réponses

  • yoannyoann Membre
    WTF le TableViewController ?!!!



    Tu as deux champs texte et deux boutons... Une simple vue avec les entrées en question et les images intégré pour le design...
  • Oui mais pour avoir le meme design, je ne suis pas oblige de passer par une TableView ( quelque chose de ce type) ??
  • AliGatorAliGator Membre, Modérateur
    Le seul intérêt d'utiliser un TableViewController pour ce genre d'écran c'est pour que ça se redimentionne et scroll tout seul au dessus du clavier quand le clavier devient visible, mais bon.



    Quitte à  utiliser un TVC, j'aurais fait une seule section, un header avec le logo, et un footer avec le bouton Login + le bouton SignUp.
  • Merci pour ta réponse AliGator.



    Comme je l'ai dit je débute vraiment dans le dev ios, du coup le TableViewController m'a paru vraiment une bonne solution. Etant donne ton explication, je vais certainement passer par autre chose.



    Du coup, la solution serait de faire le tout dans un UIViewController ou dans une UIView simple ?? En sachant que je souhaite vraiment avoir le mm design (je suis obstiné, mais ce n'est pas moi qui decide :s ).
  • CéroceCéroce Membre, Modérateur
    Personnellement, je trouve que le TableViewController est une bonne solution à  cause des qualités soulignées par Ali. Et dans cet exemple, c'est clairement une UITableView en style "Group".



    Tu aurais toutefois la possibilité d'utiliser une UIView standard (donc gérée par une simple sous-classe de UIViewController) insérée dans une UIScrollView.
  • Merci pour ta réponse Céroce.



    Je suis donc partie sur un TableViewController et ai reussi a faire un style equivalent.



    capturedcran20120629091.png



    Cependant maintenant j'ai un soucis avec la rotation de l'ensemble.



    capturedcran20120629091.png



    J'ai l'impression que les header de ma section du tableviewcontroller ne se redimensionne pas correctement.

    Notez que le jaune correspond a une UIView presente dans le headers de la section et en bleu une UIView dans le footer.



    Avez vous deja rencontre ce genre de probleme ??



    Merci d'avance.
  • CéroceCéroce Membre, Modérateur
    Qu'est-ce qui ne te convient pas ?
  • J'aimerais que le header et le footer de la section puisse se redimensionner lors de la rotation.

    C'est a dire qu'ils soient moins haut en vue "landscape". Ou en d'autres termes, ne pas

    avoir besoin de scroller pour avoir la vue entiere.
  • Doc Apple UITableViewDelegate :

    [font=Courier, Consolas, monospace]- ([/font][font=Courier, Consolas, monospace]CGFloat[/font][font=Courier, Consolas, monospace])tableView:([/font]UITableView[font=Courier, Consolas, monospace] *)[/font]tableView[font=Courier, Consolas, monospace] heightForHeaderInSection:([/font][font=Courier, Consolas, monospace]NSInteger[/font][font=Courier, Consolas, monospace])[/font]section



    Doc Apple UIViewController :

    [font=Courier, Consolas, monospace]- (void)willAnimateRotationToInterfaceOrientation:([/font][font=Courier, Consolas, monospace]UIInterfaceOrientation[/font][font=Courier, Consolas, monospace])[/font]interfaceOrientation[font=Courier, Consolas, monospace] duration:([/font][font=Courier, Consolas, monospace]NSTimeInterval[/font][font=Courier, Consolas, monospace])[/font]duration



    J'aime la doc Apple ! image/kiss.gif' class='bbc_emoticon' alt=':-*' />
Connectez-vous ou Inscrivez-vous pour répondre.