Dans ce tuto Xcode pour iPhone, découvrez les TableView Slide Cell. L'application Twitter pour iPhone implémente une user interface très efficace sur son TableView : glisser une cellule pour afficher d'autres informations derrière. Nous allons apprendre à recréer cet effet tout en découvrant de nouvelles notions.

Dans ce tuto Xcode vous apprendrez à :

  • Customiser les cellules d'un TableView
  • Détecter la position du doigt sur la cellule et agir en conséquence
  • Animer les cellules et créer votre propre "chemin" d'animation
  • Implémenter des protocoles et créer votre propre delegate

Cet effet ravira les utilisateurs de votre application tant par son aspect pratique que graphique.

Jetez un oeil à ces autres tuto Xcode 3.1

Insérer des pubs iAd dans PhoneGapInsérer des pubs iAd dans…
Le framework PhoneGap permet de créer des applications natives…

iOS 4 : Envoi de SMS via une ApplicationiOS 4 : Envoi de SMS via une…
Avant iOS 4 vous ne pouviez envoyer des SMS que par l'application…

Traduire son App iPhoneTraduire son App iPhone
Dans ce tutorial nous allons apprendre simplement à traduire…

Publiez sur l'App StorePubliez sur l'App Store
Nous avons vu dans les précédents tutoriels différentes techniques…

Core Data : la base de données par AppleCore Data : la base de données…
Dans ce tuto iPhone Xcode, vous apprendrez à manier le concept…

Publiez sur l'App StorePubliez sur l'App Store
Nous avons vu dans les précédents tutoriels différentes techniques…

MapKit iPhoneMapKit iPhone
Dans ce tuto Xcode iPhone nous allons ensemble voir comment…

Traduire son App iPhoneTraduire son App iPhone
Dans ce tutorial nous allons apprendre simplement à traduire…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Xcode 3.1 de 51 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

ceetix , Formateur

Pierre, 25 ans, développeur iOS chez Supergazol. Dernière année d'école d'ingénieur. Passionné du web, de la programmation mais aussi de la photo.

Toutes les formations de Ceetix


Témoignage des clients de ceetix

De supers tutoriels bien construits, mais une qualité d'image parfois gênante.

Super tutos, les explications sont claires, j'ai publié ma première appli sur l'AppStore grâce aux tutos de Ceetix ! Merci Ceetix !!

Bons tutoriels, j'ai beaucoup appris de ses leçons !!!

 

D'autres tuto de ceetix

iOS 4 : Envoi de SMS via une ApplicationiOS 4 : Envoi de SMS via une Application
Avant iOS 4 vous ne pouviez envoyer des SMS que par l'application officielle d'Apple.…

Traduire son App iPhoneTraduire son App iPhone
Dans ce tutorial nous allons apprendre simplement à traduire notre application iPhone/iPad.…

Requête HTTP POST iPhoneRequête HTTP POST iPhone
 Dans ce tutorial nous allons découvrir ensemble comment envoyer des données à une…

Publiez sur l'App StorePubliez sur l'App Store
Nous avons vu dans les précédents tutoriels différentes techniques et astuces pour…

voir tous les tuto de ceetix

Notes attribuées par les utilisateurs (3 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (16)

par gnealea voté :
(a acheté ce tuto - 31 janvier 2012)

" Tres bon "

par ceetix
(auteur de ce tuto - 25 janvier 2011)

" Ah yes j'y avais pas pensé ^^
Merci Applelink ;) "

par Applelink
(a acheté ce tuto - 24 janvier 2011)

" ok merci :D

sinon, j'ai trouvé comment faire pour que la cell ne se referme pas quand on la ré-ouvre la deuxième fois:

Il faut préalablement déclarer un NSIndexPath *deuxièmeIndex; en dessous du "lastIndex" dans le header de la class de la fonction "cellDidOpen", moi, je l'ai appellée closedStateIndex, et mon lastIndex s'appelle openStateIndex, voici la fonction cellDidOpen:

"- (void)cellDidOpen:(UITableViewCell *)cell {

NewsCustomCell *derniereCell = (NewsCustomCell *)[self.tableView cellForRowAtIndexPath:openStateIndex];

openStateIndex = [self.tableView indexPathForCell:cell];

if(derniereCell && openStateIndex != closedStateIndex)
{

[oDerniereCell removeSecondView];



NSLog(@"Need to remove last cell");
}

closedStateIndex = [self.tableView indexPathForCell:cell];

}"

Voila, j'espère que ca fonctionne chez vous ;) "

par ceetix
(auteur de ce tuto - 23 janvier 2011)

" Merci !
Les boutons il suffit de les créer (UIButton *) et de les ajouter à la deuxième vu ([deuxiemeVue addSubView:leBouton];).
Sinon oui tu peux jouer des sons. A la fin de l'animation par exemple. Je te laisse chercher sur google il y a plein d'exemples ;) "

par Applelink
(a acheté ce tuto - 23 janvier 2011)

" Bonjour,
C'est un très bon tuto, mais j'ai une question, comment mettre des bouttons derière la cellque l'on glisse? Et je voulais aussi savoir si on pouvait jouer un son comme un petit "toc"?
Merci :) "

par ceetix
(auteur de ce tuto - 04 septembre 2010)

" Promis je vais essayer de régler ça même si pour le moment je vois pas comment faire :D
Si vous trouvez la solution n'hésitez pas à le dire ici. (et oubliez pas de voter ;) ) "

par flygayou
(a acheté ce tuto - 04 septembre 2010)

" Exact je confirme !!! merci de votre réponse ;-) "

par ceetix
(auteur de ce tuto - 04 septembre 2010)

" Non ce n'est pas un bug c'est normal :)
Regardez votre application Twitter et essayez de re-slider la cellule.
Si je trouve un moyen de contourner ça je vous le dirai mais je trouve ça plutôt normal pour ma part. "

par flygayou
(a acheté ce tuto - 04 septembre 2010)

" Très bon tuto comme dab, mais je pensais que ca venais d'un bug dans mon code mais apparemment même dans les codes sources que vous fournissez il y a le même bug.
Quand on slide une première fois une cell, celle-ci slide parfaitement, par contre si on tente directement de reslider la même cell, la on se retrouve avec une effet de rebond mais impossible de la slider !!!
Ce petit bug est fâcheux car ca rend inutilisable ce tuto dans un projet, pourriez vous svp m'expliquer comment remédier à ce bug ? merci à vous et encore bravo pour vos tutos !!! "

par ceetix
(auteur de ce tuto - 20 août 2010)

" Donnez moi la vôtre je vous contacterai dès que possible. "

par undercorea voté :
(a acheté ce tuto - 19 août 2010)

" Excusez moi mais je n'arrive pas à intégrer votre tuto à mon projet en cours et c'est assez embêtant pour moi.
N'étant pas depuis bien longtemps dans la programmation iPhone le soucis ne peut venir que de moi.
Serai t il possible pour vous de me donner une adresse mail ou autre chose pour qu'on puisse voir ça ensemble ?

Je vous remercie,
Alex. "

par ceetix
(auteur de ce tuto - 19 août 2010)

" Yep je viens d'uploader le dossier de l'application via Tuto.com .
Merci ! "

par undercorea voté :
(a acheté ce tuto - 19 août 2010)

" Tout d'abord bravo pour ce tuto très clair et très utile!
Mais serai t- il possible pour vous de mettre a disposition vos 2 images pour les cell ?

Merci et encore une fois bravo "

par djteca voté :
(a acheté ce tuto - 16 août 2010)

" Ok merci ceetix :) et continu comme ça "

par ceetix
(auteur de ce tuto - 16 août 2010)

" Merci ^^
Le refresh arrive, tu verras :) "

par djteca voté :
(a acheté ce tuto - 16 août 2010)

" L'effet est vraiment très réaliste on se croirais vraiment dans l'app Twitter.

Par contre une petite question: Où est l'effet de refresh que tu avais montré sur ton Twitter?

Sinon bon tuto et le prix en vaux la chandelle alors hésité pas une seconde prenez le.

++ "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Xcode 3.1 d’une durée de 51 minutes a été acheté 82 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 16 août 2010 par ceetix, contributeur, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Xcode Application.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !