2013-03-29 5 views
1

Je veux créer une application ressemble app Twitter ..Mise en page dans iOS - Comment puis-je créer une mise en page comme celle-ci?

enter image description here

Je me demande comment puis-je faire cette mise en page? Si j'écris en Java/Swing, j'utilise des gestionnaires de disposition; créer un gestionnaire de disposition de boîte ou de tableau et ajouter des étiquettes, entrées et autres éléments au gestionnaire de disposition ou utiliser le HTML, créer une table et ajouter des étiquettes, entrées aux cellules de la table et définir le rectangle arrière-plan comme arrière-plan de la table.

Mais il n'y a pas de gestionnaire de disposition ou de table dans iOS comme Java ou CSS et je suis un peu confus sur ce que je devrais faire?

J'ai changé l'arrière-plan de View en gris et ajouté un ImageView pour rectangle de fond (Numéro 1 dans l'image) et créé des entrées et des étiquettes sur cette ImageView mais je pense qu'il doit y avoir une méthode plus simple pour faire ça?

+1

Tout est en attente sur 'UITabBarController' (ce que vous voyez en bas). En haut, c'est un 'UINavigationController' et au milieu c'est un' UITableView' (style groupé). Il y a une tonne de tutoriels autour de ce genre de design. – Malloc

Répondre

5

Vous pouvez le faire en utilisant UITableView. TableView doit avoir 2 sections avec 3 et 2 lignes respectivement.

Ensuite, vous pouvez sous-classer UITableViewCell. Pour la section inférieure, vous n'avez pas besoin de sous-classer tableViewCell vous pouvez utiliser le style UITableViewCellStyleValue1 et utiliser textLabel et detailTextLabel fourni par elle.

D'autres peuvent être créés à l'aide d'une cellule prototype fournie par storyboard.

+0

Merci à tous pour les aides .. J'ai trouvé ce lien http://www.appcoda.com/customize-table-view-cells-for-uitableview/ et j'ai appris comment faire des sous-classes UITableViewCell et personnaliser avec XIB ... – cmltkt

2

En haut vous avez un UINavigationBar. Le tout est dans un UITabBarViewController qui vous donne la barre en bas. La vue elle-même est un ensemble UITableView pour regrouper les sections. Les contenus des cellules sont des étiquettes et des vues plutôt simples.

Il existe une tonne de tutoriels sur UITableViewController. Je commencerais là. Voici un exemple: http://www.iosdevnotes.com/2011/10/uitableview-tutorial/

Questions connexes