Horizontal UIScrollView et des centaines d'images miniatures dans iOS?

J'ai besoin de créer une horizontale UIScrollView pour accueillir des centaines de miniatures d'images, comme un diaporama des vignettes.

Par exemple, il y aura 10 vignettes montrant dans un seul écran, chacun d'entre eux horizontalement adjacents les uns aux autres.

Mon problème est que je ne sais pas comment faire une horizontale UIScrollView de tenir les multiples vignettes qui montrant en même temps ?

Une photo de l'échantillon est comme ci-dessous. Voir la partie inférieure de l'écran.

Horizontal UIScrollView et des centaines d'images miniatures dans iOS?

Grâce.

  • considérer comme contentSize(tumbnileImagescount*largeur,tumbnileImage).et ensemble pagingEnabled bien que Oui pour de défilement horizontale.
InformationsquelleAutor user403015 | 2011-05-12
  1. 37

    Vous pouvez ajouter toutes les vignettes par programmation à votre scrollview et l'utilisation de la setContentSize méthode de UIScrollView. vous devez passer les 2 valeurs dans contentOffset. 1 pour la largeur et de 1 pour la hauteur. Veuillez suivre lien à explorer davantage sur ce point. Si vous avez besoin d'une aide supplémentaire, veuillez laisser un commentaire.

    Espère que cela aide.

    Veuillez envisager de suivre l'exemple.

    - (void)setupHorizontalScrollView
{
scrollView.delegate = self;

[self.scrollView setBackgroundColor:[UIColor blackColor]];
[scrollView setCanCancelContentTouches:NO];

scrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
scrollView.clipsToBounds = NO;
scrollView.scrollEnabled = YES;
scrollView.pagingEnabled = YES;

NSUInteger nimages = 0;
NSInteger tot=0;
CGFloat cx = 0;
for (; ; nimages++) {
    NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", (nimages + 1)];
    UIImage *image = [UIImage imageNamed:imageName];
    if (tot==15) {
        break;
    }
    if (4==nimages) {
        nimages=0;
    }

    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];

    CGRect rect = imageView.frame;
    rect.size.height = 40;
    rect.size.width = 40;
    rect.origin.x = cx;
    rect.origin.y = 0;

    imageView.frame = rect;

    [scrollView addSubview:imageView];
    [imageView release];

    cx += imageView.frame.size.width+5;
    tot++;
}

self.pageControl.numberOfPages = nimages;
[scrollView setContentSize:CGSizeMake(cx, [scrollView bounds].size.height)];
}
    • Je vous remercie. Ne UIScrollView permettre à plusieurs petites vignettes à afficher dans un seul écran. J'ai besoin d'un curseur des vignettes. Merci encore.
    • J'ai édité réponse et affiché le code de défilement horizontal de la galerie. C'est avec certaines corrections de laquelle vous pouvez faire dynamique selon votre condition. C'est de considérer que, dans mon programme, j'ai 5 images et souhaitez ajouter à ceux en répétant 3 fois. donc, tot=15 et nimages==4. J'ai testé le code ci-dessus avec IOS 4.0 et il est de travail. Si vous avez besoin de plus de précisions s'il vous plaît ne laissez commentaire. Si cela résout votre programme d'Accepter la réponse ou upvote. Merci.
    • Jennis, vous êtes très aimable. Il consomme beaucoup de mémoire, j'ai besoin de charger+ de 100 vignettes ? Ou est-il juste de charger les vignettes qui sont visibles ?
    • Ouais j'ai regardé la capture d'écran. Comment voulez-vous créer votre UIScrollView ? Pouvez-vous poster une partie de votre code ?
    • Salut, Jennis, l'image n'est pas la mienne. Veuillez s'il vous plaît répondre à mes questions ci-dessus lorsque vous avez du temps libre.
    • Je crois que cela consomme pas de mémoire que vous pouvez voir qu'après l'ajout de UIImageView à scrollview nous sommes libérer la mémoire allouée. Mais le temps de chargement dépend de la images le comte et la taille de nouveau. Et plus loin si vous voulez charger UIScrollView comme le chargement paresseux c'est à dire lorsque vous faites défiler si pas d'image chargée, il sera chargé qui est également possible, mais son approche différente. L'application du présent code et de voir si cela vous convient ou si vous avez besoin de prendre un chargement différé approche.
    • qu'est-ce que l'auto.contrôle pagecontrol?
    • UIPageControl si vous souhaitez afficher le nombre de pages.

    InformationsquelleAutor Janak Nirmal
  2. 4

    Je vous suggère de regarder nimbus

    InformationsquelleAutor xonegirlz
  3. 4

    Découvrez bjhomer de HSImageSidebarView projet. Il permet de charger une scrollview à l'horizontale ou à la verticale et de la charge dans les images. Super facile à mettre en œuvre.

    • Thank u pour un lien utile .....
    InformationsquelleAutor dnstevenson
  4. 2

    Tout d'abord, à storyboard faites glisser et déposez le défilement de l'affichage et de la sortie de scrollview nommé scrollView. Deux tableau est mutable et on est immutable.

    @property(nonatomic,strong)IBOutlet UIScrollView *scrollView;
@property(nonatomic,strong)NSMutableArray *images;
@property(nonatomic,strong)NSArray *imagesName;

    La immutable tableau seulement de stocker les images qui nous voulons montrer sur le défilement de la vue.Assurez-vous que UIscrollview délégué est défini.
    Dans viewcontoller.m fichier dans didload la fonction de code suivant:

    imagesName = [[NSArray alloc]initWithObjects:@"centipede.jpg",@"ladybug.jpg",@"potatoBug.jpg",@"wolfSpider.jpg",          @"ladybug.jpg",@"potatoBug.jpg",@"centipede.jpg",@"wolfSpider.jpg",nil];

//mutable array used to show the images on scrollview dynamic becaus after one
//image when scroll other will come
images = [[NSMutableArray alloc]init];
scrollView.delegate = self;
scrollView.scrollEnabled = YES;
int scrollWidth = 120;
scrollView.contentSize = CGSizeMake(scrollWidth,80);

int xOffset = 0;

//the loop go till all images will load  
for(int index=0; index < [imagesName count]; index++)
{            
    UIImageView *img = [[UIImageView alloc] init];
    //make the imageview object because in scrollview we need image
    img.frame = CGRectMake(5+xOffset, 0, 160, 110);
    //the offset represent the values, used so that topleft for each image will
    //change with(5+xOffset, 0)and the bottomright(160, 110) 
    NSLog(@"image: %@",[imagesName objectAtIndex:index]);
    img.image = [UIImage imageNamed:[imagesName objectAtIndex:index]];
    //The image will put on the img object
    [images insertObject:img atIndex:index];
    //Put the img object at the images array which is mutable array
    scrollView.contentSize = CGSizeMake(scrollWidth+xOffset,110);
    //scroll view size show after 125 width the scroll view enabled
    [scrollView addSubview:[images objectAtIndex:index]];
    //set images on scroll view      
    xOffset += 170;
}
    • j'ai essayé ceci mais le défilement ne fonctionne pas à l'horizontale . savez-vous ce que pourrait être le problème ? ou avez-vous d'autres mise à jour du code sur cette question ? ou vous avez des nouvelles de la méthodologie ou le scénario à mettre en œuvre comme cela ? merci de me guider à travers ce .
    InformationsquelleAutor Sarishti batta
  5. 0

    Vous pouvez calculer la taille du contenu de la largeur de la scrollview largeur = nombre d'images * la taille de chaque image. Puis définissez contentSize de la scrollview à cette largeur et la hauteur que vous souhaitez (scrollView.contentSize = CGSizeMake(width, height))

    InformationsquelleAutor