UIStackView 浮动视图

Posted 2023-02-27

【中文标题】UIStackView 浮动视图

【英文标题】：UIStackView floating view

【发布时间】：2015-09-06 18:04:21

【问题描述】：

我想会有更多的人在寻找这个，但它无处可寻。

一旦包含 UIStackView 的滚动视图滚动到视图顶部，我想要使 UIStackView 的一个或多个子视图浮动。行为应该类似于 tableview headers。

【参考方案1】：

我会告诉你我的第一个想法。

尝试使用来自UIScrollViewDelegate 的委托来检测滚动

func scrollViewDidScroll(scrollView: UIScrollView) 

    

像这样检查滚动视图的当前 Y：

scrollView.contentOffset.y

设置你的条件，如果为真，改变 UIStackView 的位置。

但我不推荐这样的解决方案。也许最好检查 UI 最佳实践并坚持使用 表格视图的标题

【参考方案2】：

@Rebel 设计师，你听说过 ScrollableStackView 库吗？这是github页面：

https://github.com/gurhub/ScrollableStackView

还有一些示例代码供您参考：

斯威夫特

import ScrollableStackView

var scrollable = ScrollableStackView(frame: view.frame)
view.addSubview(scrollable)

// add your views with 
let rectangle = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 55))
rectangle.backgroundColor = UIColor.blue
scrollable.stackView.addArrangedSubview(rectangle)
// ...

Objective-C

@import ScrollableStackView

ScrollableStackView *scrollable = [[ScrollableStackView alloc] initWithFrame:self.view.frame];
scrollable.stackView.distribution = UIStackViewDistributionFillProportionally;
scrollable.stackView.alignment = UIStackViewAlignmentCenter;
scrollable.stackView.axis = UILayoutConstraintAxisVertical;
[self.view addSubview:scrollable];

UIView *rectangle = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 55)];
[rectangle setBackgroundColor:[UIColor blueColor]];

// add your views with
[scrollable.stackView addArrangedSubview:rectangle]; 
// ...

希望对你有帮助。