【问题标题】:How do I get a translucent view to float over my table view?如何让半透明视图漂浮在我的表格视图上?
【发布时间】:2014-06-03 19:22:54
【问题描述】:

我正在尝试在屏幕顶部制作一个保留在此处的摘要框,而在它下方则有一个表格视图。当您滚动表格视图时,我希望它在摘要框中可见但模糊,就像顶部的状态栏一样。

所以我创建了一个包含两个子视图的视图 - 一个用于摘要,一个用于表格视图,这很有效。我已将摘要视图设置为透明的,您可以看到它后面的表格视图。不幸的是,表格视图中的顶部单元格被遮挡了。

所以我的问题是 - 我可以添加一个垂直偏移量以便顶部单元格从摘要框下方开始吗?

或者,有没有更好的方法来实现我想要的 - 一个在您上下滚动时保持在表格顶部并且透明/半透明的框?

【问题讨论】:

    标签: ios uitableview


    【解决方案1】:

    将表格视图的顶部内容插入设置为浮动视图的高度:

    UIEdgeInsets insets = UIEdgeInsetsZero;
    insets.top = floatingView.frame.size.height;
    tableView.contentInset = insets;
    

    UITableViewUIScrollView 继承contentInset 属性。

    【讨论】:

    • 这就是票!有没有办法在界面生成器中做到这一点?
    • 点击选择你的 UITableView。右工具栏 > 大小检查器(顶部的标尺图标)> ScrollView 大小选项卡 > 滚动指示器。有一个用于插入的 textField。
    • 确实有,但仅限于指标插图,而不是内容插图(我不知道指标是什么,但我尝试对其进行编辑,但没有成功)。
    • 啊,我也刚刚意识到这看起来有点裤子,没有模糊,我找到的所有解决方案看起来都非常复杂。为什么他们不能只允许您完全自定义顶部工具栏?
    • 如果您想要模糊效果,您可能会发现 this answer 很有趣。
    【解决方案2】:

    我无法真正说出您的要求,但我认为您想要一个透明的固定标题。

    Rob Mayoff 的方法应该可行——向 tableview 添加一个子视图,并将 tableview 的 contentInsets 设置为该子视图的高度,这应该是我认为你想要的。但我会建议一个替代方案 - 使用 UITableView 控件内置的部分标题。

    试试这个——(一个非常基本的固定节标题的实现,用于带有一个节的表视图)

    (确保您的 UITableView 的委托和数据源设置为您的视图控制器)

    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    {
        return 1;
    }
    
    - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
    {
        return 100;
    }
    
    - (UIView*)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
    {
        UIView* view = [[UIView alloc] initWithFrame:(CGRect){0,0,320,100}];
        view.backgroundColor = [UIColor blackColor];
        view.alpha = 0.6;
        return view;
    }
    

    【讨论】:

    • 部分标题的一个警告 - 当您向下滚动内容时它将保持固定,但会锁定到内容视图的顶部。
    • 是的,这会随着内容反弹,不是吗?我所追求的实际上不是表格的一部分-它是屏幕顶部的一个静态定位区域,即使表格视图与其他内容相结合,它实际上也会保留在那里(表格视图中发生的事情和其他控制器会影响顶部会发生什么)。有点像菜单栏,但它只是显示数据而不是菜单。
    猜你喜欢
    • 2010-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-19
    • 1970-01-01
    • 2019-05-13
    • 2011-04-07
    • 2016-04-02
    相关资源
    最近更新 更多