blocks|key|1235503|text|UIScrollView不会自动知道其内容的高度。你必须自己计算高度和宽度|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235504|用下面这样的东西来做|1235505|CGFloat+scrollViewHeight+=+0.0f;
for+(UIView*+view+in+scrollView.subviews)
{
+++scrollViewHeight+%2B=+view.frame.size.height;
}

[scrollView+setContentSize:(CGSizeMake(320,+scrollViewHeight))];|code-block|syntax|javascript|1235506|但只有当视图一个位于另一个的下方时，这才能起作用。如果你有一个相邻的视图，如果你不想把滚动条的内容设置得比实际的大，你只需要增加一个视图的高度。|1235507|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

UIScrollView doesn't know the height of its content automatically. You must calculate the height and width for yourself

Do it with something like

<pre><code>CGFloat scrollViewHeight = 0.0f;
for (UIView* view in scrollView.subviews)
{
 scrollViewHeight += view.frame.size.height;
}

[scrollView setContentSize:(CGSizeMake(320, scrollViewHeight))];
</code></pre>

But this only work if the views are one below the other. If you have a view next to each other you only have to add the height of one if you don't want to set the content of the scroller larger than it really is.

blocks|key|1235828|text|对于那些懒得转换它的人来说，这是swift中公认的答案:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235829|var+contentRect+=+CGRectZero
for+view+in+self.scrollView.subviews+{
++++contentRect+=+CGRectUnion(contentRect,+view.frame)
}
self.scrollView.contentSize+=+contentRect.size|code-block|syntax|javascript|1235830|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is the accepted answer in swift for anyone who is too lazy to convert it :)

<pre><code>var contentRect = CGRectZero
for view in self.scrollView.subviews {
 contentRect = CGRectUnion(contentRect, view.frame)
}
self.scrollView.contentSize = contentRect.size
</code></pre>

blocks|key|1235899|text|来自@leviathan的最好的解决方案。只需使用FP+(函数式编程)方法转换为swift。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235900|self.scrollView.contentSize+=+self.scrollView.subviews.reduce(CGRect(),+{+
++CGRectUnion($0,+$1.frame)+
}.size|code-block|syntax|javascript|1235901|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Great &amp; best solution from @leviathan. Just translating to swift using FP (functional programming) approach.

<pre><code>self.scrollView.contentSize = self.scrollView.subviews.reduce(CGRect(), { 
 CGRectUnion($0, $1.frame) 
}.size
</code></pre>

blocks|key|1235599|text|你可以通过计算哪个子元素“到达更远”来获得UIScrollView中内容的高度。为了计算这一点，你必须考虑原点Y(开始)和项目高度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235600|float+maxHeight+=+0;
for+(UIView+*child+in+scrollView.subviews)+{
++++float+childHeight+=+child.frame.origin.y+%2B+child.frame.size.height;
++++//if+child+spans+more+than+current+maxHeight+then+make+it+a+new+maxHeight
++++if+(childHeight+>+maxHeight)
++++++++maxHeight+=+childHeight;
}
//set+content+size
[scrollView+setContentSize:(CGSizeMake(320,+maxHeight))];|code-block|syntax|javascript|1235601|通过这样做，项目(子视图)不必直接堆叠在另一个项目之上。|1235602|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can get height of the content inside UIScrollView by calculate which child "reaches furthers". To calculate this you have to take in consideration origin Y (start) and item height. 

<pre><code>float maxHeight = 0;
for (UIView *child in scrollView.subviews) {
 float childHeight = child.frame.origin.y + child.frame.size.height;
 //if child spans more than current maxHeight then make it a new maxHeight
 if (childHeight &gt; maxHeight)
 maxHeight = childHeight;
}
//set content size
[scrollView setContentSize:(CGSizeMake(320, maxHeight))];
</code></pre>

By doing things this way items (subviews) don't have to be stacked directly one under another.

blocks|key|1235637|text|我根据@emenegro的解决方案提出了另一个解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235638|NSInteger+maxY+=+0;
for+(UIView*+subview+in+scrollView.subviews)
{
++++if+(CGRectGetMaxY(subview.frame)+>+maxY)
++++{
++++++++maxY+=+CGRectGetMaxY(subview.frame);
++++}
}
maxY+%2B=+10;
[scrollView+setContentSize:CGSizeMake(scrollView.frame.size.width,+maxY)];|code-block|syntax|javascript|1235639|基本上，我们找出视图中最下面的元素，并在底部添加一个10px的填充|1235640|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I came up with another solution based on @emenegro's solution

<pre><code>NSInteger maxY = 0;
for (UIView* subview in scrollView.subviews)
{
 if (CGRectGetMaxY(subview.frame) &gt; maxY)
 {
 maxY = CGRectGetMaxY(subview.frame);
 }
}
maxY += 10;
[scrollView setContentSize:CGSizeMake(scrollView.frame.size.width, maxY)];
</code></pre>

Basically, we figure out which element is furthest down in the view and adds a 10px padding to the bottom

blocks|key|1235775|text|或者干脆这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235776|int+y+=+CGRectGetMaxY(((UIView*)[_scrollView.subviews+lastObject]).frame);+[_scrollView+setContentSize:(CGSizeMake(CGRectGetWidth(_scrollView.frame),+y))];|code-block|syntax|javascript|1235777|(这个解决方案是我作为评论添加到这个页面上的。在这篇评论获得了19张赞成票后，我决定将这个解决方案添加为对社区有益的正式回答！)|1235778|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Or just do: 

<pre><code>int y = CGRectGetMaxY(((UIView*)[_scrollView.subviews lastObject]).frame); [_scrollView setContentSize:(CGSizeMake(CGRectGetWidth(_scrollView.frame), y))];
</code></pre>

(This solution was added by me as a comment in this page. After getting 19 up-votes for this comment, I've decided to add this solution as a formal answer for the benefit of the community!)

blocks|key|1021328|text|对于使用reduce的swift4：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1021329|self.scrollView.contentSize+=+self.scrollView.subviews.reduce(CGRect.zero,+{
+++return+$0.union($1.frame)
}).size|code-block|syntax|javascript|1021330|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For swift4 using reduce:

<pre><code>self.scrollView.contentSize = self.scrollView.subviews.reduce(CGRect.zero, {
 return $0.union($1.frame)
}).size
</code></pre>

blocks|key|1021015|text|大小取决于其中加载的内容以及剪切选项。如果它是文本视图，那么它还取决于换行、多少行文本、字体大小等等。你几乎不可能计算出你自己。好消息是，它是在视图加载后在viewWillAppear中计算的。在此之前，这一切都是未知的，并且内容大小将与帧大小相同。但是，在viewWillAppear方法和之后(例如viewDidAppear)，内容大小将是实际大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1021016|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The size depends on the content loaded inside of it, and the clipping options. If its a textview, then it also depends on the wrapping, how many lines of text, the font size, and so on and on. Nearly impossible for you to compute yourself. The good news is, it is computed after the view is loaded and in the viewWillAppear. Before that, it's all unknown and and content size will be the same as frame size. But, in the viewWillAppear method and after (such as the viewDidAppear) the content size will be the actual.

blocks|key|1021240|text|为什么不是一行代码呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1021241|_yourScrollView.contentSize+=+CGSizeMake(0,+_lastView.frame.origin.y+%2B+_lastView.frame.size.height);|code-block|syntax|javascript|1021242|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

why not single line of code??

<pre><code>_yourScrollView.contentSize = CGSizeMake(0, _lastView.frame.origin.y + _lastView.frame.size.height);
</code></pre>

blocks|key|1020905|text|这取决于内容:+content.frame.height可能会给你想要的东西？取决于内容是单个事物，还是事物的集合。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1020906|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

it depends on the content really : content.frame.height might give you what you want ? Depends if content is a single thing, or a collection of things.

blocks|key|1235693|text|我也发现利维坦的答案是最好的。然而，它计算的是一个奇怪的高度。当循环遍历子视图时，如果滚动视图设置为显示滚动指示器，则这些滚动指示器将位于子视图数组中。在这种情况下，解决方案是在循环之前暂时禁用滚动指示器，然后重新建立其以前的可见性设置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235694|-(void)adjustContentSizeToFit是UIScrollView自定义子类上的公共方法。|offset|length|style|CODE|1235695|-(void)awakeFromNib+{++++
++++dispatch_async(dispatch_get_main_queue(),+%5E{
++++++++[self+adjustContentSizeToFit];
++++});
}

-(void)adjustContentSizeToFit+{

++++BOOL+showsVerticalScrollIndicator+=+self.showsVerticalScrollIndicator;
++++BOOL+showsHorizontalScrollIndicator+=+self.showsHorizontalScrollIndicator;

++++self.showsVerticalScrollIndicator+=+NO;
++++self.showsHorizontalScrollIndicator+=+NO;

++++CGRect+contentRect+=+CGRectZero;
++++for+(UIView+*view+in+self.subviews)+{
++++++++contentRect+=+CGRectUnion(contentRect,+view.frame);
++++}
++++self.contentSize+=+contentRect.size;

++++self.showsVerticalScrollIndicator+=+showsVerticalScrollIndicator;
++++self.showsHorizontalScrollIndicator+=+showsHorizontalScrollIndicator;
}|code-block|syntax|javascript|1235696|entityMap^0|0|0|T|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I also found leviathan's answer to work the best. However, it was calculating a strange height. When looping through the subviews, if the scrollview is set to show scroll indicators, those will be in the array of subviews. In this case, the solution is to temporarily disable the scroll indicators before looping, then re-establish their previous visibility setting.

<code>-(void)adjustContentSizeToFit</code> is a public method on a custom subclass of UIScrollView.

<pre><code>-(void)awakeFromNib { 
 dispatch_async(dispatch_get_main_queue(), ^{
 [self adjustContentSizeToFit];
 });
}

-(void)adjustContentSizeToFit {

 BOOL showsVerticalScrollIndicator = self.showsVerticalScrollIndicator;
 BOOL showsHorizontalScrollIndicator = self.showsHorizontalScrollIndicator;

 self.showsVerticalScrollIndicator = NO;
 self.showsHorizontalScrollIndicator = NO;

 CGRect contentRect = CGRectZero;
 for (UIView *view in self.subviews) {
 contentRect = CGRectUnion(contentRect, view.frame);
 }
 self.contentSize = contentRect.size;

 self.showsVerticalScrollIndicator = showsVerticalScrollIndicator;
 self.showsHorizontalScrollIndicator = showsHorizontalScrollIndicator;
}
</code></pre>

blocks|key|1021161|text|我认为这是更新UIScrollView内容视图大小的一种很好的方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1021162|extension+UIScrollView+{
++++func+updateContentViewSize()+{
++++++++var+newHeight:+CGFloat+=+0
++++++++for+view+in+subviews+{
++++++++++++let+ref+=+view.frame.origin.y+%2B+view.frame.height
++++++++++++if+ref+>+newHeight+{
++++++++++++++++newHeight+=+ref
++++++++++++}
++++++++}
++++++++let+oldSize+=+contentSize
++++++++let+newSize+=+CGSize(width:+oldSize.width,+height:+newHeight+%2B+20)
++++++++contentSize+=+newSize
++++}
}|code-block|syntax|javascript|1021163|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think this can be a neat way of updating UIScrollView's content view size.

<pre><code>extension UIScrollView {
 func updateContentViewSize() {
 var newHeight: CGFloat = 0
 for view in subviews {
 let ref = view.frame.origin.y + view.frame.height
 if ref &gt; newHeight {
 newHeight = ref
 }
 }
 let oldSize = contentSize
 let newSize = CGSize(width: oldSize.width, height: newHeight + 20)
 contentSize = newSize
 }
}
</code></pre>

blocks|key|1235843|text|像这样设置动态内容大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1235844|+self.scroll_view.contentSize+=+CGSizeMake(screen_width,CGRectGetMaxY(self.controlname.frame)%2B20);|code-block|syntax|javascript|1235845|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Set dynamic content size like this.

<pre><code> self.scroll_view.contentSize = CGSizeMake(screen_width,CGRectGetMaxY(self.controlname.frame)+20);
</code></pre>

blocks|key|1235921|text|import+UIKit

class+DynamicSizeScrollView:+UIScrollView+{

++++var+maxHeight:+CGFloat+=+UIScreen.main.bounds.size.height
++++var+maxWidth:+CGFloat+=+UIScreen.main.bounds.size.width

++++override+func+layoutSubviews()+{
++++++++super.layoutSubviews()
++++++++if+!__CGSizeEqualToSize(bounds.size,self.intrinsicContentSize){
++++++++++++self.invalidateIntrinsicContentSize()
++++++++}
++++}

++++override+var+intrinsicContentSize:+CGSize+{
++++++++let+height+=+min(contentSize.height,+maxHeight)
++++++++let+width+=+min(contentSize.height,+maxWidth)
++++++++return+CGSize(width:+width,+height:+height)
++++}

}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1235922|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>import UIKit

class DynamicSizeScrollView: UIScrollView {

 var maxHeight: CGFloat = UIScreen.main.bounds.size.height
 var maxWidth: CGFloat = UIScreen.main.bounds.size.width

 override func layoutSubviews() {
 super.layoutSubviews()
 if !__CGSizeEqualToSize(bounds.size,self.intrinsicContentSize){
 self.invalidateIntrinsicContentSize()
 }
 }

 override var intrinsicContentSize: CGSize {
 let height = min(contentSize.height, maxHeight)
 let width = min(contentSize.height, maxWidth)
 return CGSize(width: width, height: height)
 }

}
</code></pre>

Is there a way to make a <code>UIScrollView</code> auto-adjust to the height (or width) of the content it's scrolling?

Something like:

<pre><code>[scrollView setContentSize:(CGSizeMake(320, content.height))];
</code></pre>

How do I auto size a UIScrollView to fit its content

有没有办法让UIScrollView自动调整到正在滚动的内容的高度(或宽度)？类似于：[scrollView setContentSize:(CGSizeMake(320, content.height))];

问如何自动调整UIScrollView大小以适合其内容
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自动调整UIScrollView大小以适合其内容EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自动调整UIScrollView大小以适合其内容
EN