Aller au contenu


Photo

Slider


  • Please log in to reply
65 réponses à ce sujet

#1 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 11:11

Bonjour à tous,

Je cherche à faire un slider en page d'accueil d'une application mais je ne sais pas que chercher sur Google pour un éventuel tuto.

Le slider que je souhaiterais est celui utilisé par le National Geographic (City Guides)

Svp avez-vous une idée par quoi je pourrais commencer ?

 

CityGuideSwipe.gif



#2 Céroce

Céroce

    Mouleur de chocolats

  • Contrôleur d'arômes
  • 5 324 messages
  • LocationSaint-Leu-d'Esserent / France

Posté 12 juin 2017 - 11:14

Le mot que tu cherches est "Carousel".
  • rollano aime ceci
RenaudPradenc.com Je suis développeur iOS & Mac indépendant.

#3 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 11:15

On doit pouvoir faire ça en animant une modification de la propriété .transform des vues.


Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#4 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 11:18

Le mot que tu cherches est "Carousel".

 

J'ai essayé, c'est justement cela qui m'as rediriger vers l'application de NG

 

Mais je ne trouve pas de tuto...



#5 iLandes

iLandes

    Torréfacteur de fèves

  • Membre
  • PipPipPipPipPip
  • 852 messages
  • LocationLandes

Posté 12 juin 2017 - 11:36

Tu as regarder sur cocoapod ?


  • rollano aime ceci

--

seb@stien as iLandes

Linked In, Twitter, GitHub, StackOverFlowiLandes.fr

 

Applications : Plages.TVGirondins33Jardiner avec la luneDVRGVMidi Note Converter, FreeIMC.

 

It's not a bug, it's a feature.

Feature : A bug as described by the marketing department (Apple II Reference Manuel 1979 page 180)

 


#6 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 11:40

Tu as regarder sur cocoapod ?

 

Oui également enfin sur cocoaControls



#7 Joanna Carter

Joanna Carter

    Broyeur de fèves

  • Contrôleur d'arômes
  • 1 997 messages
  • LocationPlestin-les-Grèves (22)

Posté 12 juin 2017 - 11:40

Ou, pour le faire toi-même, le plus simple, c'est d'utiliser une UICollectionView ou une UIPageView


  • rollano aime ceci

#8 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 11:41

Oui également enfin sur cocoaControls

 

https://cocoapods.org/?q=carousel

 

mais c'est pas tout a fais ça



#9 Joanna Carter

Joanna Carter

    Broyeur de fèves

  • Contrôleur d'arômes
  • 1 997 messages
  • LocationPlestin-les-Grèves (22)

Posté 12 juin 2017 - 11:44

https://cocoapods.org/?q=carousel

 

mais c'est pas tout a fais ça

 

Ce de NG est, probablement qqch. qu'ils ont fait "in house". Je doute que ce serait dispo


  • rollano aime ceci

#10 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 12:00

Ce de NG est, probablement qqch. qu'ils ont fait "in house". Je doute que ce serait dispo

 

Très certainement oui

 

Je vais essayer l'option collectionView



#11 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 12:00

Merci à tous :)



#12 Joanna Carter

Joanna Carter

    Broyeur de fèves

  • Contrôleur d'arômes
  • 1 997 messages
  • LocationPlestin-les-Grèves (22)

Posté 12 juin 2017 - 12:16

Je vais essayer l'option collectionView

 

UIPageViewController gère automatiquement les gestures ; avec UICollectionView, il faudrait réinventer la roue  :-*


  • rollano aime ceci

#13 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 12:58

UIPageViewController gère automatiquement les gestures ; avec UICollectionView, il faudrait réinventer la roue  :-*

 

Oui, mais est-il possible d'avoir des effets de transitions sophistiqués avec UIPageViewController ? Il ne me semble pas que l'animation de la vidéo ressemble à un effet standard iOS. Il faut plonger les mains dans le cambouis pour reproduire quelque chose de similaire, en passant par la propriété transform des vues.


Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#14 Joanna Carter

Joanna Carter

    Broyeur de fèves

  • Contrôleur d'arômes
  • 1 997 messages
  • LocationPlestin-les-Grèves (22)

Posté 12 juin 2017 - 13:00

Oui, mais est-il possible d'avoir des effets de transitions sophistiqués avec UIPageViewController ? Il ne me semble pas que l'animation de la vidéo ressemble à un effet standard iOS. Il faut plonger les mains dans le cambouis pour reproduire quelque chose de similaire, en passant par la propriété transform des vues.

 

Pas seulement les mains, il faut une pelle  ::)


  • iLandes et rollano aiment ceci

#15 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 14:08

Euh .. franchement rollano t'abuse un peu là .. Tu n'as pas dus chercher bien longtemps ! 

 

Ta vidéo est une DEMONSTRATION de raywenderlich montrant l'utilisation d'un composant graphique iOS RGCardViewLayout qu'il a écrit lui-même.

 

Voici le GitHub avec le source complet (Objective-C)  

 

https://github.com/t...GCardViewLayout

 

C'est une viewCollection personnalisée avec un effet de transformation utilisant CATransform3D.


  • rollano aime ceci

Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#16 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 14:22

UIPageViewController gère automatiquement les gestures ; avec UICollectionView, il faudrait réinventer la roue  :-*

 

On vas éviter alors looooool



#17 rollano

rollano

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 225 messages

Posté 12 juin 2017 - 14:25

Euh .. franchement rollano t'abuse un peu là .. Tu n'as pas dus chercher bien longtemps ! 

 

Ta vidéo est une DEMONSTRATION de raywenderlich montrant l'utilisation d'un composant graphique iOS RGCardViewLayout qu'il a écrit lui-même.

 

Voici le GitHub avec le source complet (Objective-C)  

 

https://github.com/t...GCardViewLayout

 

C'est une viewCollection personnalisée avec un effet de transformation utilisant CATransform3D.

 

Mes excuses Draken faudra peut-être que je revoie mes modes de recherches.

Dans tous les cas, je te remercie pour ton aide. 



#18 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 14:40

Excuses acceptées, capitaine Needa !


  • rollano aime ceci

Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#19 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 14:43

Pas seulement les mains, il faut une pelle  ::)

Une petite pelle, alors ..

- (CATransform3D)transformFromView:(UIView *)view
{
    CGFloat angle = [self angleForView:view];
    CGFloat height = [self heightOffsetForView:view];
    BOOL xAxis = [self xAxisForView:view];
    return [self transformfromAngle:angle height:height xAxis:xAxis];
}

- (CATransform3D)transformfromAngle:(CGFloat)angle height:(CGFloat)height xAxis:(BOOL)axis
{
    CATransform3D t = CATransform3DIdentity;
    t.m34  = 1.0/-500;
    
    if (axis)
    {
        t = CATransform3DRotate(t,angle, 1, 1, 0);
    }
    else
    {
        t = CATransform3DRotate(t,angle, -1, 1, 0);
    }
    
    return t;
}


Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#20 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 800 messages
  • LocationParis

Posté 12 juin 2017 - 14:54

Mea Culpa .. :tomato:

La vidéo provient bien de Ray Wenderlich, mais le source dont je t'ai donné le lien n'est pas de lui. C'est un clone écrit par Robera Geleta, un fan de Ray, reproduisant un effet similaire. 


  • rollano aime ceci

Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 





0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)