一个iOS tableView 滚动标题联动效果的实现

效果图

请添加图片描述

情景

tableview 是从屏幕顶部开始的,现在有导航栏,和栏目标题视图将tableView的顶部覆盖了

分析

我们为了达到滚动到某个分区选中标题的效果,就得知道
展示最顶部的cell或者区头在哪个分区范围内

所以我们必须首先获取顶部的位置

由于一个tableView 本身最顶部(屏幕顶部,被导航栏盖住的地方)的位置的origin.y = tableView.cotentoffset.y

所以,能够展示出来的顶端的位置就是

origin.y + 导航栏高度 + 栏目视图高度

我们可以通过 tableView 的 rectForSection 接口获取
每一个分区的rect范围
,通过遍历判断当前的顶端位置在
哪个分区内,就可以获取当前要选中某个标题

代码

 //tableView在屏幕顶端的位置的origin CGFloat origin = self.tableView.contentOffset.y;//栏目视图高度origin += 52 * PLUS_SCALE;//导航栏高度origin += SafeAreaTopHeight; NSIndexPath *indexPath;for (int i = 0; i < self.tableView.numberOfSections; i ++) {CGRect rect = [self.tableView rectForSection:i];if (CGRectGetMinY(rect) < origin && CGRectGetMaxY(rect) > origin) {indexPath = [NSIndexPath indexPathForRow:0 inSection:i];break;}}//然后选中某个标题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/189228.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

高济健康:数字化科技创新与新零售碰撞 助推医疗产业优化升级

近日&#xff0c;第六届中国国际进口博览会在上海圆满落幕&#xff0c;首次亮相的高济健康作为一家专注大健康领域的疾病和健康管理公司&#xff0c;在本届进博会上向业内外展示了围绕“15分钟步行健康生活圈”构建进行的全域数字化升级成果。高济健康通过数字化科技创新与新零…

MyBatis整合Spring Boot扫描Mapper相关配置

MyBatis是一款 Java 平台的优秀数据库映射框架&#xff0c;支持 XML 定义或注解&#xff0c;免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。 针对 Spring 提供 Mapper 扫描注解&#xff1a; 集成 Spring Boot 时&#xff0c;可以通过 MapperScan 注解&#xff0…

视频桥接IC LT8711UXC适用于4LANE TYPE-C/DP转HDMI,另支持支持HDCP协议,分辨率高达4K60HZ!

1.描述 应用功能&#xff1a;LT8711UXC适用于TYPE-C转HDMI2.0&#xff0c;DP1.4转HDMI2.0应用方案&#xff0c;另HDMI带HDCP协议 分辨率&#xff1a;支持4K60HZ 工作温度范围&#xff1a;−40C to 85C 产品封装&#xff1a;QFN48 (6*6&#xff09;最小包装数&#xff1a;4900pc…

【腾讯云云上实验室-向量数据库】TAI时代的数据枢纽-向量数据库 VectorDB

一、向量数据库的发展历程和时代机遇 回顾向量数据库的发展历程&#xff1a; 2012年开始&#xff0c;深度神经网络的发展催生了向量数据库的发展&#xff1b;2015年至2016年&#xff0c;Google和微软发布了标志性的论文&#xff1b;2017年&#xff0c;Facebook开源了Faiss框架…

SpringBoot-集成Kafka详解

SpringBoot集成Kafka 1、构建项目 1.1、引入依赖 <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.2.5.RELEASE</version> </parent> <dependenci…

php中RESTful API使用

1、RESTful AP是什么 RESTful API是一种软件架构风格 RESTful API基于HTTP协议&#xff0c;并遵循一系列约定和原则。它的设计理念是将资源&#xff08;Resource&#xff09;作为核心概念&#xff0c;并通过一组统一的接口对资源进行操作。API的资源通常通过URL进行标识&…

vue + antd 动态增加表单并进行表单校验

<template><a-modalv-model:visible="visible":title="formData.id ? 编辑渠道 : 添加渠道":width="850":mask-closable="false":destroy-on-close="true"@ok="onSubmit"@cancel="onClose"&g…

<Linux>(极简关键、省时省力)《Linux操作系统原理分析之Linux 进程管理 4》(8)

《Linux操作系统原理分析之Linux 进程管理 4》&#xff08;8&#xff09; 4 Linux 进程管理4.4 Linux 进程的创建和撤销4.4.1 Linux 进程的族亲关系4.4.2 Linux 进程的创建4.4.3 Linux 进程创建的过程4.4.4 Linux 进程的执行4.4.5 Linux 进程的终止和撤销 4 Linux 进程管理 4.…

关于CSDN右上角的消息数显示

最近一段时间CSDN总是出一下小问题&#xff0c;要么网页访问无响应宕机&#xff0c;要么已发表的文章今天写的时候又出现在草稿箱里&#xff0c;待编辑页面里。今天发现右上角的未读消息也是消除不了。 越点越多。 按道理&#xff0c;CSDN这么大的公司&#xff0c;中国最大的程…

dataGridView 嵌套ComboBox对单元格精准绑定数据

1&#xff0c;数据准备并绑定数据 List<P> list new List<P>();for (int i 0; i < 3; i){P data new P();data.Idx i 1;data.Name "名称" i;list.Add(data);}dataGridView1.DataSource list;dataGridView1.Refresh(); 2&#xff0c;对单元格…

248: vue+openlayers 以静态图片作为底图,并在上面绘制矢量多边形

第248个 点击查看专栏目录 本示例是演示如何在vue+openlayers项目中以静态图片作为底图,并在上面绘制矢量多边形。这里主要通过pixels的坐标作为投射,将静态图片作为底图,然后通过正常的方式在地图上显示多边形。注意的是左下角为[0,0]。 直接复制下面的 vue+openlayers源代…

获取用户详细信息

pojo.user&#xff1a;JsonIgnore注解作用忽略密码属性&#xff0c;返回给用户的信息不能有敏感属性密码 package com.lin.springboot01.pojo;import com.fasterxml.jackson.annotation.JsonIgnore; import lombok.Data;import java.time.LocalDateTime;Data public class Use…