mise en page automatique - faire de hauteur de vue par rapport à la moitié superview hauteur

ont été d'entrer dans les mises en page automatiques récemment et je suis bloqué sur ce qui semble vraiment comme un banal problème d'exemple. J'ai vue que je veux m'asseoir en haut de l'écran, et de prendre la moitié de la hauteur d'écran. Simple avant mise en forme automatique - juste virer de bord en lieu et dites-lui de s'étendre verticalement lorsque le superview redimensionne.

Maintenant, je ne peux pas pour la vie de me voir comment le faire. Voici ce que j'obtiens quand j'essaie de le configurer:

Le bas de l'espace de contrainte est définie sur "équivaut à 284", qui est absolue et absolument inutile pour moi quand j'ai changer pour iPhone4 mise en page, car il se conserve 284 points de l'espace au bas de l'écran, et diminue la vue à plus de la moitié de la taille de l'écran. Et il n'y a aucun paramètre de contrainte à l'égal d'une fraction de tout autre point de vue en hauteur..

Après avoir lutté pendant un certain temps, la seule façon que je peux penser à faire ce serait d'introduire un autre point de vue au-dessous de ce point de vue, pin leurs hauteurs aussi, demandez-leur de s'asseoir dessus et au-dessous les uns des autres et puis définissez le second (en bas) pour être invisible.. ce qui semble un peu moche!

Ai-je raté quelque chose d'évident?..

Je ne pense pas que c'est moche, mais une smart astuce pour obtenir ce que vous voulez à l'aide de l'IB. J'ai fait cela, et quand vous l'utiliser de façon appropriée les noms d'éléments, vous pouvez vous rendre clair ce qui se passe. Vous pouvez même avoir un troisième élément sur un autre poste, ou de centres, de changer la taille sur la base de ces deux sous-vues.

InformationsquelleAutor Mete | 2013-02-18

autolayout ios

157

C'est désormais possible au bureau international en sa qualité de [au moins] Xcode 5.1.1. Bien qu'il m'a fallu quelque temps pour comprendre qu'il est en fait super simple:

D'abord créer une base alignement en haut de la contrainte (vous devez également le programme d'installation en bas, de gauche, de droite et de contraintes, comme d'habitude)
. Ensuite, sélectionnez la contrainte et accédez à la Attribut inspecteur:

Ensuite, vous pouvez régler le multiplicateur. Si vous voulez, c'est 50% de la super vue de le laisser à 1, car il est aligné par le super centre. C'est aussi un excellent moyen de créer des vues qui sont les autres pourcentages trop (comme 25% de super vue)
- sympa 🙂 je pense que ce post devrait être marqué comme acceptée réponse 🙂 Développeur iOS souvent préfère Interface Builder Solution plutôt que du code-comme solution
- Merci. Je pense que lorsque l'on a accepté la réponse était écrite cette méthode n'était pas disponible. Parfois askers ne pas revoir les anciennes questions ou des soins pour changer la accepté de répondre. Mais finalement, je suis juste là pour aider, heureux il fait!
- Je suis un peu confus. J'ai essayé ceci mais ça centres de la vue à la superview, il n'a pas d'ajuster l'affichage de la hauteur.
- vous devez vous assurer que le First Item est View.Top pas View.Center Y. Sinon, oui, il va juste centrer. Vous aurez également besoin de s'assurer que les autres contraintes sont définies correctement pour gérer le point de vue de l'autre bord.
- Vue.Haut est Égale à Superview.Centre de Y multiplicateur de 1 vous donne pas de hauteur. Cette réponse est incomplète. Tout ce que vous avez à faire est de penser à ce que vous dites, et vous pouvez le voir, il vous donne une ligne à travers le centre! Je voudrais modifier cette réponse claire, quelles sont les autres contraintes dont tu parles.
- Il ne s'vos autres contraintes sont correctement le programme d'installation. Si votre fond est épinglé dans le bon endroit (le fond), alors il aurait exactement la moitié de la superview. Je vais modifier la réponse avec cette info. Merci.
InformationsquelleAutor Firo
176

Storyboard solution où vous pouvez définir le rapport exact entre tout point de vue:

Maintenant:

PROFIT!!!

P. S. notez Également que cette méthode fonctionne avec des points de vue sur les différents niveaux d'imbrication et (évidemment) applicable pour la largeur

P. P. S. parfois, il peut être utile de "renverser le premier et le deuxième élément" de la contrainte ou inversée multiplicateur (pour l'exemple 2, au lieu de 0,5) (mais ces méthodes ne sont pas utiles si vous ne comprenez pas comment les points de vue se rapportent entre autres).
- Étape 2 ne semble pas fonctionner pour moi. Je ne peux pas sélectionner quelque chose dans le panneau, à l'exception de basculement 'Contrainte à la marge". Je suis en train de fixer la largeur d'une UIImageView dans un UITableViewCell à 50% de l'affichage du contenu.
- Mise à JOUR: Évidemment, interface builder n'autorise pas l'affichage du contenu à être la cible explicite de tout auto contraintes de mise en forme. J'ai insérer un mannequin sous-vue de l'enfant de l'affichage du contenu pour faire ce travail.
- Il fonctionne pour moi. Vous devez sélectionner les deux points de vue dans la liste pas le constructeur de l'écran. pour les pourcentages de diviser les plus petits par les plus grands pour obtenir la valeur du multiplicateur exemple plus petite vue 25, une plus grande vue 135 - 25 / 135 = 0.185. Comme la valeur du multiplicateur pour obtenir une vue à x1 et x2 = 25 mais échelles avec de grands 6 et 6 plus, etc
- Cela a fonctionné pour moi, mais s'il vous plaît noter que j'ai dû également ajouter des trois contraintes que l'ensemble de la sous-vue de la marge des contraintes à 0. Merci
- Ce doit être la accepté de répondre. J'ai d'abord essayer accepté de répondre. Cela n'a pas fonctionné alors j'ai faites défiler vers le bas et j'ai vu cette réponse et cela a fonctionné. Merci!
InformationsquelleAutor Fyodor Volchyok
30

Après un peu plus de temps, je suis venu avec la suivante.

Je suis en notant comme une réponse, mais il n'est pas très satisfaisant, car il suppose que vous ne pouvez pas faire ça dans Interface Builder, mais la bonne contrainte peut être ajouté dans le code par la suite que:
```
- (void) viewWillAppear:(BOOL)animated
{

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:upperview
                                                                 attribute:NSLayoutAttributeHeight 
                                                                 relatedBy:0 
                                                                    toItem:self.view
                                                                 attribute:NSLayoutAttributeHeight
                                                                multiplier:.5 
                                                                  constant:0];
    [self.view addConstraint:constraint];

}
```
Fondamentalement, il définit un multiplicateur de 0,5 à l'encontre de la hauteur de l'auto.vue, sur upperview.
Je devais définir la priorité de la partie inférieure de l'espace vertical contrainte de l'IB inférieur à 1000 pour éviter un tas d'exécution des messages à propos de briser les contraintes ainsi.

Donc si quelqu'un peut nous montrer comment faire cela dans Interface Builder, qui permettraient de mieux répondre à ma question, sinon, je suppose que c'est aussi bon qu'il obtient (pour l'instant)???
- Je pense que c'est aussi bon qu'il obtient maintenant. Ce serait bien si Apple nous a donné accès à la valeur du multiplicateur de l'IB, de sorte que pourrait être définie ainsi que la constante.
- Pour ceux qui cherchent à cette réponse, Xcode 5.1, vous permet désormais de régler le multiplicateur via Interface Builder. Je suis maintenant en mesure de configurer des vues qui sont la moitié de la hauteur de leur superview tous par l'intermédiaire de l'IB.
InformationsquelleAutor Mete
8

Un peu plus facile et plus simple que la méthode de Fiodor Volchyok de réponse.
-Maintenez le bouton de contrôle et cliquez sur la sous-vue.
-Toujours en appuyant sur le bouton de commande, faites glisser le curseur de la superview puis cliquez sur le superview.
-Sélectionnez "Aspect Ratio".

-Puis cliquez sur la Taille de l'Inspecteur.
-Puis double-cliquez sur la contrainte.

-Assurez-vous que la "hauteur" est sélectionné pour les deux objets.

-Puis changer le "Multiplicateur" de 0,5 pour la moitié de l'écran, ou quelle que soit la fraction de la superview que vous désirez.
- Facile et rapide approche! Merci s'accoupler
InformationsquelleAutor user444333222
7

Là, j'ai aussi une autre possibilité dans le code, dans le cas où vous avez 2 points de vue qui doivent avoir la même hauteur: il suffit de régler la hauteur de vue2 à la hauteur de vue1 (l'astuce ici est de ne pas le réglage de la hauteur de vue1 explicitement).
```
    [self.view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"V:[topLayoutGuide]-0-[_view1]-0-[_view2(==_view1)]-0-[bottomLayoutGuide]"
                            options:0
                            metrics:nil
                              views:viewsDict]];
```
- Ne savais pas que vous pourriez faire référence à d'autres points de vue pour des largeurs/hauteurs comme ça. C'est le plus propre réponse de l'OMI, si vous êtes déjà dans le format visuel de la langue.
- exemple est également expliqué dans le developer.apple.com ici
InformationsquelleAutor brainray

Swift version de Mete réponse:

    override func viewDidLoad() {
super.viewDidLoad()
//Do any additional setup after loading the view, typically from a nib.
upperView.translatesAutoresizingMaskIntoConstraints = false
var constraint = NSLayoutConstraint(item: upperView,
attribute: NSLayoutAttribute.top,
relatedBy: NSLayoutRelation.equal,
toItem: self.view,
attribute: NSLayoutAttribute.top,
multiplier: 1,
constant: 0)
self.view.addConstraint(constraint)
constraint = NSLayoutConstraint(item: upperView,
attribute: NSLayoutAttribute.height,
relatedBy: NSLayoutRelation.equal,
toItem: self.view,
attribute: NSLayoutAttribute.height,
multiplier: 0.5,
constant: 0)
self.view.addConstraint(constraint)
constraint = NSLayoutConstraint(item: upperView,
attribute: NSLayoutAttribute.leading,
relatedBy: NSLayoutRelation.equal,
toItem: self.view,
attribute: NSLayoutAttribute.leading,
multiplier: 1,
constant: 0)
self.view.addConstraint(constraint)
constraint = NSLayoutConstraint(item: upperView,
attribute: NSLayoutAttribute.trailing,
relatedBy: NSLayoutRelation.equal,
toItem: self.view,
attribute: NSLayoutAttribute.trailing,
multiplier: 1,
constant: 0)
self.view.addConstraint(constraint)
}

InformationsquelleAutor user444333222

Vous devez vous connecter pour publier un commentaire.