iphone - buttons - toolbar ios

UIView con diseño automático, obtener su tamaño

Question

Tengo una bruja UIView que se llena con contenido mediante programación. El diseño en este UIView se realiza mediante Auto-layout.

Esta vista debe ser una subvista de un UIScrollView y debe desplazarse verticalmente.

Tengo un código como este:

// self.scrollview is defined in IB and it has constraints to edges (margin:0 0 0 0)
UIView *contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1024, MAXFLOAT)];
[contentView setTranslatesAutoresizingMaskIntoConstraints:YES];
// Then I call some my parser which add subviews to the contentView and layout them using constraints.
[self.scrollview addSubview:contentView];
[contentView setNeedsLayout];
[contentView layoutIfNeeded];
// Now, I need to know height of the contentView to be able to set contentSize to self.scrollview

// ACTUALIZACIÓN

Ok, tengo esta UILabel, agregada a self.content que es UIView creado con: [[UIView alloc] initWithFrame:CGRectMake(self.layoutMargin, self.layoutMargin, 1024 - self.layoutMargin*2, 100)]);

Esta vista de contenido propio es solo un contenedor para mí, que se debe colocar en algún UIScrollView . Necesito la altura de self.content para establecer contentSize de UIScrollView .

[self.content setTranslatesAutoresizingMaskIntoConstraints:YES];
[self.content setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[self.content setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
UILabel *textlabel = [[UILabel alloc] init];
UIFont *font;
font = [UIFont fontWithName:@"InterstatePlus-Regular" size:16];
UIFont *bold;
bold = [UIFont fontWithName:@"InterstatePlus-Bold" size:16];
NSDictionary *style = @{
@"$default" : @{NSFontAttributeName : font},
@"b" : @{NSFontAttributeName : bold},
@"em" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Italic" size:14]},
@"h1" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:48]},
@"h2" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:36]},
@"h3" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:32]},
@"h4" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:24]},
@"h5" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:18]},
@"h6" : @{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Medium" size:16]}
};
[textlabel setNumberOfLines:0];
NSError *error = nil;
NSString *string = @"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing <br>Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
NSString *replacedString = [string stringByReplacingOccurrencesOfString:@"<br>" withString:@"/n"];
NSAttributedString *attributedString = [SLSMarkupParser attributedStringWithMarkup:replacedString style:style error:&error];
NSMutableAttributedString *mutAttributedString = [[NSMutableAttributedString alloc] initWithAttributedString:attributedString];
NSInteger strLength = [attributedString length];
NSMutableParagraphStyle *paragraphstyle = [[NSMutableParagraphStyle alloc] init];
[mutAttributedString addAttribute:NSParagraphStyleAttributeName
value:paragraphstyle
range:NSMakeRange(0, strLength)];
if (mutAttributedString) {
textlabel.attributedText = mutAttributedString;
}
[textlabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[textlabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[textlabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
textlabel.textAlignment = NSTextAlignmentLeft;
[textlabel setTextColor:[UIColor blackColor]];
[textlabel setBackgroundColor:[UIColor clearColor]];
textlabel.lineBreakMode = NSLineBreakByWordWrapping;
[textlabel setNumberOfLines:0];
[self.content addSubview:textlabel];
[textlabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.content.mas_top).with.offset(0);
make.right.equalTo(self.content.mas_right).with.offset(0);
make.height.equalTo(@1200);
make.left.equalTo(self.content.mas_left).with.offset(0);
}];
[self.containerView addSubview:self.content];
[self.containerView setBackgroundColor:[UIColor redColor]];
[self.content setBackgroundColor:[UIColor yellowColor]];
CGSize s = [self.content systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
NSLog(@"Size: %f %f", s.width, s.height);

Esto es Registro: Tamaño: 17713.000000 0.000000

Y se parece a: http://d.pr/i/Rxku

Answer 1

¿Has probado KVO ?

en viewDidLoad agregar el observador:

[contentView addObserver:self forKeyPath:@"frame" options:NSKeyValueObservingOptionOld | NSKeyValueObservingOptionNew | NSKeyValueObservingOptionPrior context:NULL];

a continuación, agregue este método:

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
if([keyPath isEqualToString:@"frame"]) {
CGRect oldFrame = CGRectNull;
CGRect newFrame = CGRectNull;
if([change objectForKey:@"old"] != [NSNull null]) {
oldFrame = [[change objectForKey:@"old"] CGRectValue];
}
if([object valueForKeyPath:keyPath] != [NSNull null]) {
newFrame = [[object valueForKeyPath:keyPath] CGRectValue];
}
//new size!
if (newFrame.size.width > 0 && newFrame.size.height > 0) {
NSLog(@"%@", NSStringFromCGRect(newFrame));
}
}
}

esto debería imprimir el marco de su contentView cuando se establece en algo más grande que CGSize(1,1)

Answer 2

Si te entiendo, el problema es obtener vistas o vistas con un tamaño dinámico para desplazarse correctamente cuando son subvistas de un ScrollView. Es este, he tenido este problema y puede resolverse sin tener que preocuparse por el tamaño del contenido.

Aquí hay un enlace a una nota técnica de Apple titulada "UIScrollView y Autolayout" aquí

http://developer.apple.com/library/ios/technotes/tn2154/_index.html

Hay una fuente fácil de seguir en la nota que detalla dos enfoques para resolver este problema. Espero que esto ayude, realmente me ayudó.

Además, si está intentando recorrer una colección de subvistas dentro de su ScrollView, lea este artículo y el ejemplo, nuevamente, una explicación clara con código.

Programación de Apeth IOS 6, Capítulo 20. Vistas de desplazamiento en línea aquí:

http://www.apeth.com/iOSBook/ch20.html

Answer 3

sizeToFit es la API incorrecta que se debe usar si estás usando autolayout.

La api correcta que se debe usar para la reproducción automática es UIView :, lo más probable es que pase UILayoutFittingCompressedSize . Esto devolverá un CGSize que es el tamaño mínimo que puede enlazar la vista con sus restricciones especificadas.

Revisa this enlace

EDITAR: En respuesta al código adicional que fue publicado ...

Nunca he usado la biblioteca de Masonry antes, ¡pero está limpia!

UILabels proporciona un tamaño de contenido intrinsicContentSize que es lo suficientemente grande como para mostrar su texto. Para calcular este tamaño para texto de varias líneas, la etiqueta necesita conocer una dimensión única que será fija, y esa es la dimensión de ancho deseado a través de la propiedad preferredMaxLayoutWidth . Si no proporciona un valor preferredMaxLayoutWidth MaxLayoutWidth (el valor predeterminado es 0), la etiqueta calcula un tamaño de contenido intrínseco COMO SI se estaba diseñando una sola línea de texto.

En su código, nunca configure el MaxLayoutWidth preferredMaxLayoutWidth la etiqueta, por lo que cualquier diseño realizado por autolayout que se base en el tamaño de la etiqueta intrinsicContentSize no será lo que espera.

Tomé tu código y lo destilé en un nuevo ejemplo, que deberías poder copiar / pegar en una subclase de viewcontroller limpia:

#import "Masonry.h"
@interface TSViewController ()
@end
@implementation TSViewController
{
UIScrollView* _scrollView;
UIView* _containerView;
UILabel* _titleLabel;
UILabel* _contentLabel;
}
- (void) viewDidLoad
{
[super viewDidLoad];
self.view.backgroundColor = [UIColor darkGrayColor];
// create/configure our scrollview
_scrollView = [UIScrollView new];
_scrollView.translatesAutoresizingMaskIntoConstraints = NO;
_scrollView.backgroundColor = [UIColor scrollViewTexturedBackgroundColor];
[self.view addSubview: _scrollView];
// create/configure our container
_containerView = [UIView new];
_containerView.translatesAutoresizingMaskIntoConstraints = NO;
_containerView.backgroundColor = [UIColor yellowColor];
[_scrollView addSubview: _containerView];
// create/configure our content - title and content labels
_titleLabel = [UILabel new];
_titleLabel.translatesAutoresizingMaskIntoConstraints = NO;
_titleLabel.numberOfLines = 1;
_titleLabel.font = [UIFont fontWithName: @"Courier" size: 80];
_titleLabel.text = @"Lorem Ipsum";
_titleLabel.backgroundColor = [UIColor lightGrayColor];
_titleLabel.textAlignment = NSTextAlignmentCenter;
[_containerView addSubview: _titleLabel];
_contentLabel = [UILabel new];
_contentLabel.translatesAutoresizingMaskIntoConstraints = NO;
_contentLabel.numberOfLines = 0;
_contentLabel.font = [UIFont fontWithName: @"Courier" size: 40];
_contentLabel.text = self.loremIpsum;
[_containerView addSubview: _contentLabel];
// configure constraints for each view:
[_scrollView mas_makeConstraints: ^(MASConstraintMaker *make) {
// glue the scrollview to its superview with a 20 point inset:
make.top.equalTo( self.view.mas_top ).with.offset( 20 );
make.left.equalTo( self.view.mas_left ).with.offset( 20 );
make.right.equalTo( self.view.mas_right ).with.offset( -20 );
make.bottom.equalTo( self.view.mas_bottom ).with.offset( -20 );
}];
[_containerView mas_makeConstraints: ^(MASConstraintMaker *make) {
// per the iOS 6.0 Release Notes, this is how to use auto-layout for a container view
// inside a scrollview. basically, tie the edges of the containerview to the scrollview.
// http://developer.apple.com/library/ios/#releasenotes/General/RN-iOSSDK-6_0/
// see section "Here are some notes regarding Auto Layout support for UIScrollView"
make.top.equalTo( _scrollView.mas_top );
make.left.equalTo( _scrollView.mas_left );
make.right.equalTo( _scrollView.mas_right );
make.bottom.equalTo( _scrollView.mas_bottom );
// match the width of the containerview to the scrollview width:
make.width.equalTo( _scrollView.mas_width );
// match the height of the containerview to the intrinsic height of the contentlabel + 100 points for our fixed height title
// (this is the magical part.)
make.height.equalTo( _contentLabel.mas_height ).with.offset( 100 );
}];
[_titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
// tie the contentlabel edges to the sides of its container:
make.top.equalTo( _containerView.mas_top ).with.offset(0);
make.left.equalTo( _containerView.mas_left ).with.offset(0);
make.right.equalTo( _containerView.mas_right ).with.offset(0);
// fixed height
make.height.equalTo( @100 );
}];
[_contentLabel mas_makeConstraints:^(MASConstraintMaker *make) {
// tie top edge to the bottom of our title
make.top.equalTo( _titleLabel.mas_bottom );
// tie the remaining edges to the sides of the container:
make.left.equalTo( _containerView.mas_left );
make.right.equalTo( _containerView.mas_right );
make.bottom.equalTo( _containerView.mas_bottom );
}];
}
- (void) viewWillLayoutSubviews
{
// perform a scrollview layout so the containerView width will be set
[_scrollView setNeedsLayout];
[_scrollView layoutIfNeeded];
// update the preferred layout width of the content label;
// this affects the label''s intrinsicContentSize and will force our constraints to be recalculated
CGFloat preferredWidth = _containerView.frame.size.width;
_contentLabel.preferredMaxLayoutWidth = preferredWidth;
// we don''t need this since the scrollview is fully using autolayout to adjust the content-size. but just to show that it works:
CGSize fittingSize = [_containerView systemLayoutSizeFittingSize: UILayoutFittingCompressedSize];
NSLog( @"container fitting size: %@", NSStringFromCGSize( fittingSize ));
}
- (NSString*) loremIpsum
{
return @"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing <br>Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
}
@end

Y, aquí está la salida de systemLayoutSizeFittingSize cuando todas las restricciones funcionan bien:

2013-08-05 15:01:16.309 testLabelConstraints[8265:c07] container fitting size: {721, 6868}