La meilleure Méthode pour Afficher un Popup Fenêtre Transparente sur l'iPhone?

Je suis en train de construire un iOS 6 iPhone app dans Xcode 4.6 et me pose des questions sur la meilleure façon d'obtenir ce type de fenêtre:

Plus précisément, l'iPhone capture d'écran sur la droite, où, si un utilisateur appuie sur une face ou une UIView dans la fenêtre principale, partiellement transparent liste s'affiche avec des informations plus détaillées, comme une photo portrait et données textuelles -- mais la vue d'origine (une collection de photos ici) reste visible, et les temporisateurs/compteurs de continuer à compté de ce point de vue.

Je pensais que ce serait une solution possible iPhone Modal Vue plus Petit que l'écran mais il ne fonctionne pas pour moi. Pas indiqué ci-dessus est un bouton annuler que je suis également l'intention de mettre dans la liste, de sorte que l'utilisateur peut revenir à la vue de dessous. Lorsque le délai expire, la vue de détail disparaît aussi.

Dois-je utiliser presentModalViewController et le présentateur/présenté régime, ou de l'utilisation d'un parent-enfant-vue de la relation avec un storyboard, segue, ou dois-je utiliser loadNibNamed, ou une sorte de hack pour surmonter l'iPhone limitation de l'affichage d'un non-plein écran modal? Il couvre la plupart de l'écran, mais je veux m'assurer que la vue de dessous est visible et toujours active, puisqu'elle fournit des informations à l'utilisateur qui n'est pas dans la liste (timer, etc.). L'utilisateur n'aura pas besoin d'interagir avec l'écran ci-dessous, mais j'aimerais qu'il soit partiellement visible.

J'ai conçu le popup vue comme un distinct viewcontroller dans mon principal storyboard, non pas comme un fichier xib. Les connexions et les points de vente sont formés à partir de l'interface builder pour mon code, appelé ProfileViewController.

AVERTISSEMENT: Ma terminologie peut être incorrect et erroné. Le pop-up ou de la liste peut être une UIView, UIViewController, UIWindow, ou tout ce qui fonctionne le mieux en programmant pour résoudre le problème. Je ne suis pas attaché à être un certain type de widget, tant que la fonctionnalité des miroirs de ce que je cherche.

Merci d'avance pour vos suggestions!

ma suggestion est d'Utiliser UIView et définissez sa propriété alpha et la couleur d'arrière-plan est noir, c'est à dire de la vue.alpha=0.8 f
peut faire clearcolor de viewcontroller et la Conception de nouveaux uiview sur elle comme u le souhaitez.. puis sur [auto.vue addsubview:your_viewcontroller.vue];
RE: Kalpesh. Merci. Dois-je sous-classe UIView pour les pop-up, ou de créer un accompagnement ViewController? Pas tout à fait sûr où mettre les poignées (raccords de sortie) pour des articles qui apparaissent dans une UIView -- le sous-jacent ViewController? J'ai sous-classé UIView avant de créer des widgets que je puisse passer au bureau de l'IB, mais jamais conçu un programme personnalisé dans Interface Builder.
vous pouvez créer popview par programmation au moment de l'exécution. l'ajouter dans la fenêtre . Vérifier ma réponse.

OriginalL'auteur Cindeselia | 2013-10-22

16

voulez-vous accomplir cela?

Voici deux viewControllers l'un au dessus de l'autre. vc2 est un childViewController de vc1 avec un transparent arrière-plan. Dans votre cas, vous pouvez mettre un UILabel haut de la pile avec backgroundColor black et alpha = 0.5.

Tous les événements de vc2 le feu sur vc2.m. Utilisez ce code sur l'image, cliquez:
```
- (IBAction)imageClick 
{
    vc2 *viewController = [[vc2 alloc]init];
    [self addChildViewController:viewController];
    viewController.view.frame = self.view.frame;
    [self.view addSubview:viewController.view];
    viewController.view.alpha = 0;
    [viewController didMoveToParentViewController:self];

    [UIView animateWithDuration:0.25 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^
     {
         viewController.view.alpha = 1;
     }
                     completion:nil];
}
```
Et dans vc2.m mettre cela sur viewDidLoad pour faire de cette viewControllertransparent.
```
self.view.backgroundColor = [UIColor clearColor];
self.view.opaque = YES;
```
De prise de vue transparente un viewController fera de votre code propre, comme tout le code de vc2 sera dans une classe à part.

MODIFIER

Afin de faire une chose, tout d'Abord ajouter un UIView à votre xib qui sera un des bords arrondis et le cadre que vous souhaitez selon votre capture d'écran.

Pour les bords arrondis, vous pouvez utiliser cette category. backgroundColor de cette UIView sera clearColor:
```
- (void)setRoundedBorder:(float) radius borderWidth:(float)borderWidth color:(UIColor*)color
{
    CALayer * l = [self layer];
    [l setMasksToBounds:YES];
    [l setCornerRadius:radius];
    //You can even add a border
    [l setBorderWidth:borderWidth];
    [l setBorderColor:[color CGColor]];
}
```
Maintenant mettre un UILabel/UIView/UIImage dont la trame est égale à UIView ci-dessus et alpha est de 0,5 avec noir couleur d'arrière-plan. Vous pouvez le faire directement à partir de xib. Inutile de définir le cadre à l'aide de code.

Puis commencer à mettre vos autres contrôles à l'intérieur UIView

Oui, votre capture d'écran est en gros ce que je veux, sauf avec la mine d'être transparent et également donner à l'utilisateur une option pour cliquer sur les boutons sur le retour d'info de retour à l'appel de la ViewController. Permettez-moi de donner à ceci un essai, je vais revenir.
Elle est apparue sur la ligne viewController.vue.image = self.vue.cadre;.........Résiliation d'application en raison de uncaught exception 'NSInvalidArgumentException', la raison: '*** -[NSPlaceholderMutableString initWithString:]: néant l'argument' *** Premier lancer de pile d'appel: (0x160b012 0x1318e7e 0x160adeb 0xd49e68 0x1d569 0x1d06c 0x33e1c7 0x33e232 0x5724 0x61db 0x52785a 0x52699b 0x5280df 0x52ad2d 0x52acac 0x522a28 0x28f972 0x28fe53 0x26dd4a 0x25f698 0x266ddf9 0x266dad0 0x1580bf5 0x1580962 0x15b1bb6 0x15b0f44 0x15b0e1b 0x266c7e3 0x266c668 0x25cffc 0x221d 0x2145) de la libc++abi.dylib: mettre fin à appelé à lancer une exception
Comme je l'ai dit, mettre un semi transparent UILabel avec label.frame = self.view.frame. Et pour la croix-cliquez sur le bouton utilisez ce code: [UIView animateWithDuration:0.25 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^ { self.view.alpha = 0; } completion:^(BOOL finished) { if(finished) { [self.view removeFromSuperview]; } }];
Désolé pour poser une autre question, mais pourquoi avons-nous besoin de la UILabel? Ne devrions-nous pas faire la Vue d'en haut dans la pile quelque chose comme une UIView avec un fond transparent, ou une UIImage avec une image transparente chargé? (Me demandais, il semble contre-intuitif)
J'ai juste essayé de mettre un UILabel ou une UIImageView en haut de la pile, et il supprimé tout ce que j'avais déjà dans ma pile! Copier/coller ne fonctionne pas non plus, il a juste pris un de mes éléments copiés et a remplacé le sommet de la pile; tout le reste a disparu. Comment puis-je garder les choses dans la Vue d'en haut que j'ai déjà dessiné et aménagé (et joint)?

OriginalL'auteur Vaibhav Saran
7

Essayer cette
```
//create a new view
  UIView *viewPopup=[[UIView alloc]init];
  [viewPopup setBackgroundColor:[UIColor blackColor]];
  viewPopup.alpha=0.6f;

 //add into window
 AppDelegate *appdelgateobj=(AppDelegate *)[[UIApplication sharedApplication]delegate];
 [appdelgateobj.window addSubview:viewPopup];
 [appdelgateobj.window bringSubviewToFront:viewPopup];
```
Kalpesh: Merci, j'aime la simplicité de la solution. Ma préoccupation est de savoir comment puis-je placer des éléments dans le popup? (Bon, je sais comment ajouter des propriétés et des membres de vars, mais je voulais que savoir où les éléments que je veux à apparaître à l'écran le besoin d'aller à regarder à droite, etc. De toute façon pour la conception de la nouvelle vue dans Interface Builder? Comme au lieu de texte, des nombres, j'ai une animation graphique à barres. Je sais comment instancier ceux dans le code, mais de ne pas les placer exactement dans le bon emplacement. Est-ce juste de l'essai et de l'erreur?)
Alors comment peut-wen supprimer fenêtre pop-up après que sa tâche est accomplie?
utiliser ce [viewPopup removeFromSuperview]; viewPopup=nil;

OriginalL'auteur Kalpesh
5

Suivez l'étape ci-dessous pour une vue transparente :

l'étape 1:

étape 2:
- Chaque fois que vous le souhaitez Transpertview.hidden=NO:
- chaque fois que vous ne voulez pas alors Transpertview.hidden=OUI:
peut être de l'aide.

Dhaval Bhadania: Juste une question. Si je fais glisser que UIImageView ou UIView et d'effectuer tout mon design & mise en page à l'intérieur, où faut-il aller? Comme, si je fais glisser sur le dessus de l'appelant ViewController dans le storyboard, il couvre tout et m'empêcher de l'édition de l'original. Si je le laisse sur le côté, elle n'apparaît pas dans la bonne place quand il est chargé... ou est-il un moyen d'en programmant la ré-aligner?
si vous souhaitez ajouter par programmation puis aller avec @iPatel réponse.
Non, idéalement je voudrais un hybride des deux, comme la mise en page de mon design dans Interface Builder car il y a une tonne de petits widgets qui doivent être soigneusement placé dans la fenêtre contextuelle, mais instancier une version de la fenêtre, dans le code, si possible.

OriginalL'auteur Dhaval Bhadania

Ajouter #import <QuartzCore/QuartzCore.h> cadre de votre .m fichier et utilisez le code suivant

UIWindow* window = [UIApplication sharedApplication].keyWindow;
    self.dimView = [[UIView alloc] initWithFrame:window.bounds];
    self.dimView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:.6];
    self.dimView.userInteractionEnabled = YES;
    [window addSubview:self.dimView];

Ce qui précède est transparent dimView dont la taille est similaire à la fenêtre.

self.searchTblContainerView = [[UIView alloc] init];
    self.searchTblContainerView.frame = CGRectMake(15, (window.frame.size.height - 300) / 2, 290, 300);
    self.searchTblContainerView.layer.cornerRadius = 15.f;
    self.searchTblContainerView.layer.borderColor = [UIColor blackColor].CGColor; ///set color as per your requirement
    self.searchTblContainerView.layer.borderWidth = 2.f;
    self.searchTblContainerView.alpha = 0.80; ///set as per your requirement 
    self.searchTblContainerView.clipsToBounds = YES;
    [self.dimView addSubview:self.searchTblContainerView];

ci-dessus self.searchTblContainerView est vue principale qui contiennent l'ensemble de votre UIControls ces étiquettes, textField, Bouton, etc... et le configurer selon vos besoins.

Définie par défaut caché de la propriété de self.dimView.hidden = YES;
et d'afficher et de masquer par la suite animation comme alertView (apple).

Code suivant pour afficher dimView.

self.searchTblContainerView.transform = CGAffineTransformMakeScale(0.01, 0.01);
        [UIView animateWithDuration:0.30 delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
            self.searchTblContainerView.transform = CGAffineTransformIdentity;
            self.dimView.hidden = NO;
        } completion:^(BOOL finished){}];

        UIWindow* window = [UIApplication sharedApplication].keyWindow;
        [window bringSubviewToFront:self.dimView];

Code suivant pour cacher dimView.

 self.searchTblContainerView.transform = CGAffineTransformIdentity;
    [UIView animateWithDuration:0.30 delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
        self.searchTblContainerView.transform = CGAffineTransformMakeScale(0.01, 0.01);
    } completion:^(BOOL finished){
        self.dimView.hidden = YES;
    }];

Code ci-dessus est de la simple logique, pourrait être utile dans votre cas.

iPatel: Merci pour la logique et le code. - Je le prendre alors que je n'ai pas besoin d'un ViewController pour gérer la dimView? Juste sous-classe UIView et tout faire dans le code en ce qui concerne les trucs affichés dans la dimView, et de laisser le sous-jacent PhotoCollectionViewController gérer l'affichage, la clandestinité, l'instanciation de la dimView? (c'est à dire quand vous dites .m fichier, tu veux dire UnderlyingViewController.m, pas DimWindowViewController.m, et il n'y a pas enchaîne, seul l'affichage et le masquage).
si vous ne voulez pas l'utiliser dimView alors il n'est pas important/besoin pour l'utilisation, la, je viens d'utiliser dimView pour vous vue personnalisée ressembler alertView.
Non, je suis d'accord avec le dimView, pas aussi confiants dans la conception d'une UIView sans guidage visuel. Je suis un peu gâché par l'Interface de la Construction, j'ai donc supposer automatiquement, j'avais besoin d'un ViewController si je ont été de la conception de la fenêtre, dans l'IB et de faire tous mes points de vente & connexions par ctrl-glisser. Pas sûr de savoir comment je peux faire une UIView au lieu de cela, sans un ViewController.

OriginalL'auteur iPatel

Vous devez vous connecter pour publier un commentaire.