iPhone montrer des photos/images de glissement (comme la bibliothèque de photos et Facebook app)?

J'ai commencé à développer pour iOS juste un il ya quelques jours, donc tout est très nouveau pour moi!
J'ai besoin de le montrer dans une application photo "curseur" comme nous l'avons dans l'iPhone bibliothèque ou Facebook application.
Après quelques recherches, j'ai atteint une impasse. Mon but est de montrer une série de photos, une par une, et ayant à l'utilisateur de faire glisser le doigt de droite à gauche, ou vice-versa 🙂

Quelqu'un a un exemple ou en connaît un?

Merci à tous.

OriginalL'auteur Hugo | 2011-01-23

7

Bien Three20 est célèbre, mais je voudrais vous décourager de l'utiliser. Si vous avez besoin d'une photo de curseur, puis mettre l'ensemble de la Three20 cadre de votre projet et d'essayer de comprendre comment l'URL de la navigation fondée sur les œuvres chose peut être une vraie douleur.

Ici est une meilleure alternative, https://github.com/enormego/PhotoViewer. C'est une application autonome de mise en œuvre de la photo slider, et un cache des images. Vous pouvez lire plus sur comment fonctionne le code sur le blog de l'auteur, http://developers.enormego.com/.

Ouais, j'allais dire la même chose à propos de Three20. L'URL de Base de la navigation est une vraie douleur.
Je vous remercie. Très utile
C'est de l'excellent exemple d'applications géniales, mais il serait plus utile avec certains étape-par-étape de l'explication de comment le faire. Peut-être une vidéo ou texte, des tutoriels? Merci bien pour ces belles sources.

OriginalL'auteur Di Wu

vous pouvez utiliser ci-dessous un exemple de code pour l'image diaporama..Ici " scr " est la scrollview objet.

NSMutableArray *imgs=[[NSMutableArray  alloc]init]; 
                         //arrayWithObjects:[UIImage @"abc1.jpg"],[UIImage @"abc2.jpg"],[UIImage @"abc3.jpg"], [UIImage@"abc4.jpg"],
//               [ UIImage @"abc5.jpg"],nil];

                      [imgs addObject:[UIImage imageNamed:@"abc1.jpg"]];
                      [imgs addObject:[UIImage imageNamed:@"abc2.jpg"]];
                       [imgs addObject:[UIImage imageNamed:@"abc3.jpg"]];
                        [imgs addObject:[UIImage imageNamed:@"abc4.jpg"]];
                         [imgs addObject:[UIImage imageNamed:@"abc5.jpg"]];
for(int i=0;i<imgs.count;i++)
{
    CGRect frame;
    frame.origin.x=self.scr.frame.size.width *i;
    frame.origin.y=0;
    frame.size=self.scr.frame.size;
    UIImageView *subimg=[[UIImageView alloc]initWithFrame:frame];
    subimg.image=[imgs objectAtIndex:i];
    [self.scr  addSubview:subimg];
    [subimg release];
    self.scr.contentSize=CGSizeMake(self.scr.frame.size.width*imgs.count, self.scr.frame.size.height);

}

C'est une grande, de nouveaux gens souhaiterez peut-être désactiver "Utiliser la mise en forme automatique" en Vue Storyboard régulateur et appuyez sur "appel activé". En outre, la dernière ligne de réglage de la contentSize doit être placé à l'extérieur de la boucle puisque vous n'avez besoin qu'une seule fois. self.scr.contentSize=CGSizeMake(self.scr.frame.size.width*imgs.count, self.scr.frame.size.height); J'aime cette réponse mais je voulais étendre sur elle pour permettre les changements d'orientation, voir ma réponse plus. (Difficile de mettre le code ici).
C'est fantastique. Mais comment pouvez-vous ajouter l'élasticité de faire en sorte que lorsque vous faites défiler, l'image s'arrête? Comme l'app store n'

OriginalL'auteur yhpets

Bâtiment sur yhpets réponse, cela prend en charge les changements d'orientation de trop en appliquant les tags à chaque ImageView et de les utiliser pour faire référence à chaque ImageView et redimensionner lors de la rotation de l'appareil...

Dans votre ViewController.h fichier que vous aurez besoin pour configurer votre Tableau et le ScrollView...

@interface ViewController : UIViewController{
    NSMutableArray *imgs;
    IBOutlet UIScrollView *scr;
}
@property (strong, nonatomic) IBOutlet UIScrollView *scr;

Et dans votre ViewController.m vous avez besoin d'écouter pour didRotateFromInterfaceOrientation et redimensionner la ImageViews pour s'adapter à la nouvelle de l'écran. Nous devons définir la screenWidth et screenHeight variables selon si nous sommes en mode portrait ou paysage et les utiliser pour redimensionner chaque imageview et la scrollview.

@implementation ViewController
@synthesize scr;
- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation{
CGRect screenRect = [[UIScreen mainScreen] bounds];
CGFloat screenWidth = screenRect.size.width;
CGFloat screenHeight = screenRect.size.height;
if ((self.interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown)||(self.interfaceOrientation == UIInterfaceOrientationPortrait)){
//screenWidth and screenHeight are correctly assigned to the actual width and height
}else{
screenHeight = screenRect.size.width;
screenWidth = screenRect.size.height;
screenRect.size.width = screenWidth;
screenRect.size.height = screenHeight;
}
NSLog(@"see it's right now= (%f,%f)",screenWidth,screenHeight);
self.scr.contentSize=CGSizeMake(screenWidth*imgs.count, screenHeight);
for(int i=0;i<imgs.count;i++){
UIImageView *targetIV = (UIImageView*)[self.view viewWithTag:(i+1)];
CGRect frame;
frame.origin.x=screenWidth *i;
frame.origin.y=0;
frame.size=CGSizeMake(screenWidth, screenHeight);
targetIV.frame = frame;
}
}///////////////////////////////////////////////////////////////////////////
- (void)viewDidLoad{
[super viewDidLoad];
//Do any additional setup after loading the view, typically from a nib.
imgs=[[NSMutableArray  alloc]init];
[imgs addObject:[UIImage imageNamed:@"1001.png"]];
[imgs addObject:[UIImage imageNamed:@"1002.png"]];
[imgs addObject:[UIImage imageNamed:@"1003.png"]];
[imgs addObject:[UIImage imageNamed:@"1004.png"]];
for(int i=0;i<imgs.count;i++){
CGRect frame;
frame.origin.x=self.scr.frame.size.width *i;
frame.origin.y=0;
frame.size=self.scr.frame.size;
UIImageView *subimg=[[UIImageView alloc]initWithFrame:frame];
subimg.image=[imgs objectAtIndex:i];
subimg.tag = (i+1);
subimg.contentMode = UIViewContentModeScaleAspectFit;
[self.scr  addSubview:subimg];
}
self.scr.contentSize=CGSizeMake(self.scr.frame.size.width*imgs.count, self.scr.frame.size.height);
}

OriginalL'auteur Jim True

0

Il y a de "photo slider" dans Three20 si vous voulez le vérifier - https://github.com/facebook/three20/tree/master/samples/TTCatalog - il suffit de télécharger les sources et construire TTCatalog

Je vous remercie. Il a été utile
Plus aucun soutien pour ce projet, donc n'essayez pas de perdre votre temps.

OriginalL'auteur timothy5216

Vous devez vous connecter pour publier un commentaire.