11
votes

Comment la vue détaillée de l'application iPhone Contact Applied

J'aimerais mettre en œuvre une vue similaire à la vue détaillée de l'application de contacts d'Apple sur laquelle il affiche le nom, le numéro de téléphone, la note, etc. et son mode d'édition.

Pouvez-vous disséquer comment l'ensemble de la vue est terminé? Est-ce que la vue est faite avec un utableview ou un UISCrollView?


0 commentaires

5 Réponses :


0
votes

Vous pouvez utiliser f-script pour l'explorer. Voici un Capture d'écran à partir du navigateur F-Script tout en étant Parcourir le carnet d'adresses. Fondamentalement, cela ressemble à beaucoup de vues personnalisées qui héritent de Nsview.

Pour ce faire vous-même:

  1. Téléchargez F-script à partir du lien ci-dessus
  2. Suivez les instructions du répertoire Extras / F-Script Anywhere pour la connexion au carnet d'adresses
  3. Choisissez F-Script -> Ouvrez le navigateur d'objets dans le menu du carnet d'adresses
  4. Cliquez sur Sélectionner une vue
  5. Mettez en surbrillance la vue Répertoire d'adresses que vous souhaitez explorer et cliquez dessus.
  6. naviguer sur le contenu de votre coeur.

1 commentaires

Hrm. Même si la version iPhone Simulator de Mobileaddressbook est une exécutable dynamique, chargement du paquet FScript dans GDB ne semble pas fonctionner.



1
votes

Mon implémentation utilise un utailview avec un en-tête personnalisé (pour la photo "Ajouter une photo" et Modifier les équivalents de noms) et un pied de page personnalisé (à l'aide du hack UisegmentedControl pour un gros bouton) pour l'équivalent "Supprimer".


0 commentaires

11
votes

L'écran de coordonnées de contact est en réalité assez simple à imiter.

Démarrer avec un UITableView et fournir un UITableViewDataSource et UITableViewDelegate. Vous devrez fournir des sections pour toutes les données que vous souhaitez présenter. Cela signifie 1 pour l'en-tête personnalisé, 1 pour le pied de page personnalisé (boutons / actions) et environ 6 sections pour les données (une section pour les numéros de téléphone, une autre pour les adresses de messagerie, etc.)

À l'intérieur de chaque section, un certain nombre de lignes doivent être fournies de votre source de données pour indiquer la quantité de données existant pour cette section. Pour chaque rangée, un uditableViewCell peut être utilisé pour afficher les données de contact réelles (valeur d'étiquette de fax / numéro de numéro de fax, etc.). Vous pouvez avoir envie si vous voulez, mais il ne semble pas y avoir besoin. Pour des choses comme la sonnerie, vous devrez spécifier un indicateur de divulgation.

Pour l'en-tête, vous aurez besoin d'un UIImageView et d'un Uilabel, pour le pied de page Vous aurez besoin de quelques UIBUTTONTONTONS. Vous pouvez créer un enfant d'UitailViewCell dans l'interfaceBuilder avec ces vues à l'intérieur et le filez-vous comme autre chose. Vous pouvez utiliser NsBundle pour charger des vues d'autres XIBS qui ne sont pas déjà chargés.

Une alternative consiste à générer de manière dynamique les widgets d'interface utilisateur au moment de l'exécution sans XIBS. Tout dépend de ce que vous préférez gérer (code ou xibs), dont il semble sur la même quantité d'effort de toute façon. Je recommande vivement de lire via le tableau guide de programmation si vous avez pas déjà.


0 commentaires

3
votes

ou vous pouvez utiliser l'ABPERSONViewController d'Apple:

http://developer.apple .com / bibliothèque / iOS / # documentation / adressebookui / référence / abpersonviewcontroller_class / référence / référence.html

La propriété de la permanence Spécifie si l'utilisateur peut modifier les informations de la personne.


0 commentaires

0
votes

Juste pour vous montrer le chemin, vous pouvez sous-classer utailviewontroller à cette fin, puis afin de mettre en œuvre le mode d'édition similaire à l'application Contacts, vous feriez:

  1. Ajoutez une propriété pour enregistrer une référence au bouton Annuler. XXX

  2. dans la vue ViewDiDload (), Ajouter un bouton d'édition à la barre de navigation sous forme d'élément de navigation et préparerez le bouton Annuler pour l'ajouter ultérieurement en tant qu'acmètre à gauche. XXX

  3. Réglétion de remplacement (_: animé :) Méthode pour configurer vos cellules pour le mode Edition / Aperçu et afficher / masquer un bouton Annuler dans la barre de navigation, en fonction du drapeau d'édition. XXX

  4. Supprimer UitablesViewelegate's TableView (_: EditingstyleFornorTindexpath :) et TableView (_: devrait configurer les styles de ligne et l'indentation lorsqu'il est en mode édition.

  5. Implémentez la méthode annulpressée pour quitter le mode édition lorsque l'annulation est enfoncée. XXX

    Je sais que la question est assez ancienne, mais quelqu'un pourrait le trouver utile.


0 commentaires