#smartlayout

Nous avons créé ces composants car nous avions besoin de pouvoir positionner facilement des éléments horizontalement, verticalement ou en fonction du conteneur parent. 

Vous y trouverez 3 types d'UIView :

UIHView / UIVView : Organise les éléments horizontalement / verticalement. Vous pouvez spécifier l'alignement vertical (top, middle, bottom), l'alignement horizontal (left, center, right), le gap entre les éléments et le padding.

UIAbsolutView: Organise les éléments indépendamment les uns des autres. Vous ajoutez  les éléments avec les contraintes suivantes: top, bottom, left, right. Ces contraintes représentent l'espace entre l'éléments que vous ajoutez et les bords du conteneur parent.

Pour chacune de ces UIView vous pouvez définir une image de fond.

Utilisation de UIHView

[self setBackgroundImage:@"background"]; self.padding = 20; self.gap = 20; self.hAlign = center; self.vAlign = middle; UIButton * button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button1 setTitle:@"Button1" forState:UIControlStateNormal]; [self addSubview:button1 withSize:CGSizeMake(200, 200)]; UIButton * button2 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; button2.frame = CGRectMake(0, 0, 200, 200); [button2 setTitle:@"Button2" forState:UIControlStateNormal]; [self addSubview:button2]; UIButton * button3 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button3 setTitle:@"Button3" forState:UIControlStateNormal]; [self addSubview:button3 withSize:CGSizeMake(200, 200)];

Vous obtenez trois boutons positionnés horizontalement, centrés horizontalement et verticalement.

Utilisation de UIVView

[self setBackgroundImage:@"background"]; self.padding = 20; self.gap = 20; self.hAlign = right; self.vAlign = middle; UIButton * button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button1 setTitle:@"Button1" forState:UIControlStateNormal]; [self addSubview:button1 withSize:CGSizeMake(200, 200)]; UIButton * button2 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; button2.frame = CGRectMake(0, 0, 200, 200); [button2 setTitle:@"Button2" forState:UIControlStateNormal]; [self addSubview:button2]; UIButton * button3 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button3 setTitle:@"Button3" forState:UIControlStateNormal]; [self addSubview:button3 withSize:CGSizeMake(200, 200)];

Vous obtenez trois boutons positionnés verticalement, centrés vericalement et alignés à droite.

Utilisation de UIAbsolutView

[self setBackgroundImage:@"background"]; UIButton * button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button1 setTitle:@"Button1" forState:UIControlStateNormal]; [self addSubview:button1 toTop:@20 right:@20 bottom:@20 left:@20]; UIButton * button2 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; button2.frame = CGRectMake(0, 0, 200, 200); [button2 setTitle:@"Button2" forState:UIControlStateNormal]; [self addSubview:button2 toTop:@30 right:nil bottom:nil left:@30]; UIButton * button3 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; [button3 setTitle:@"Button3" forState:UIControlStateNormal]; button3.frame = CGRectMake(0, 0, 200, 200); [self addSubview:button3 toTop:nil right:@30 bottom:@30 left:nil];

Ici nous avons :

Le button 1 avec top 20, bottom 20, left 20, right 20 : occupera tout l'espace disponible en laissant une marge de 20 pixel, en haut, en bas, à gauche et à droite.

Le button 2 avec top 30, right nil, bottom nil et left 30 : conserve sa longueur et sa largeur d'origine. Il est positionné à 30 pixels du haut et à 30 pixels du bord gauche.

Le button 3 avec top nil, right 30, bottom 30 et left nil : conserve sa longueur et sa largeur d'origine. Il est positionné à 30 pixels du bas et à 30 pixels du bord droit.

Essayer Smart Layout

Vous pouvez télécharger Smart Layout sur GitHub.