Comment créer une grille d'icônes comme l'écran d'accueil de l'iPhone?

Comment dois-je aller sur la création d'une INTERFACE utilisateur similaire à la Springboard (écran d'accueil) sur l'iPhone? J'aimerais une grille de espacés uniformément à boutons avec des images où je peux répondre à la touche appuyez sur.

Est le UITable un bon ajustement? Dois-je utiliser une plaine UIView et la position des icônes manuellement dans DrawRect? Est-il une alternative qui va automatiquement uniformément l'espace de boutons, de permettre la réorganisation, et ajuster la mise en page en fonction de l'iPhone d'orientation?

Je viens d'un C#/Winforms de fond et suis en train de commencer le développement sur iPhone sur l'ouverture d'Outils avec 2.2.1 les en-têtes.

source d'informationauteur Nick VanderPyle | 2009-02-03

  1. 2

    Vous devez ajouter vos icônes (qui sont UIViews de quelque sorte) comme des sous-vues de votre "Tremplin". Pas de dessin personnalisé et un UITable est thh absolue mal de chemin à faire. Vous avez juste besoin de faire le calcul pour les placer correctement (par la définition de leur cadre).

  2. 6

    J'ai écrit un exemple de code pour faire quelque chose comme cela. Voir mon Tuiles entrée de blog, ou tout simplement télécharger le code: Tiles-v1.0.zip.

    Mon code crée les icônes de Base calques d'Animation, pas comme UIViews, mais ne montrent comment détecter de robinets et de permettre la réorganisation des icônes. Il ne gère pas les changements d'orientation de l'.

  3. 4

    Ancien fil, mais vous devriez vérifier Alan Quartrmain de AQGridView trop.

  4. 1

    @Août: j'ai suivi vos conseils et a ajouté l'UIButtons comme des sous-vues de la UIView plutôt que de chercher plus loin dans la UITable. Merci!

    J'espère que le code ci-dessous permettront de relancer quelqu'un d'autre. J'ai statique placé à 4 boutons sur une grille. Il ne devrait pas être beaucoup plus difficile de placer un certain nombre de boutons selon le parent UIView de limites et de l'orientation.

    @implementation IconView
- (id)initWithFrame:(struct CGRect)windowRect{
  self = [super initWithFrame: windowRect];
  if (self != nil){
    for(int i = 0; i < 4; i++){
      buttons[i] = [self buildButton];
      [self addSubview: buttons[i]];
    }
    [self reInit];
  }
  return self;
}
- (UIButton *) buildButton{
  UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 60, 60)];
  [button setBackgroundImage: [[UIImage imageNamed:@"icon.png"] stretchableImageWithLeftCapWidth:60 topCapHeight:0] forState:UIControlStateNormal];
  return [button autorelease];
}
- (void)reInit{
  CGRect rect;
  rect = buttons[0].frame;
  rect.origin = CGPointMake(5, 5);
  buttons[0].frame = rect;

  rect = buttons[1].frame;
  rect.origin = CGPointMake(70, 5);
  buttons[1].frame = rect;

  rect = buttons[2].frame;
  rect.origin = CGPointMake(5, 70);
  buttons[2].frame = rect;

  rect = buttons[3].frame;
  rect.origin = CGPointMake(70, 70);
  buttons[3].frame = rect;
}
@end
  5. 0

    Utilisation Arijasoft du gridView mise en œuvre. Ses une bibliothèque statique qui permet de générer le type de grille de point de vue avec des rappels et le délégué des méthodes pour l'optimisation

  6. 0

    Comme indiqué ci-dessus à l'aide de UIView et à faire des mathématiques à la disposition de l'vues est l'option la plus facile.

    vérifier le code exemple de developer.apple.com https://developer.apple.com/library/ios/#samplecode/PageControl/Introduction/Intro.html#//apple_ref/doc/uid/DTS40007795

    En fonction de vos besoins, vous ne pourriez pas besoin d'utiliser un cadre externe.