iOS开发storyboard拖拽tableView: Static cells的使用

article/2025/9/22 5:30:56
从 object library 中,拖拽一个 UITableView 到 main.storyboard的 UIViewController 中; 
 设置  table view 的类型为:  Static Cells。  设置的方法: 选中 tableview, 在 attributes inspector 中设置。
  这时会报错。 原因是:  static tableView 只能潜在 UITableViewController中。 
  只好 创建一个 UITableViewController , 并将tableView设为 static cell。
注意了, 这时候,在屏幕的上方,会出现一个 错误提示:  illegal configuration : static table views are only valid when embedded in UITableViewController instances.

1.  拖拽一个 UITableViewController 到 storyboard中;
2.  创建一个 基于 UITableViewController 的 类文件;
2.  可以设置多个section, 也可以对每个section设置多行, 超出一屏,可上下滑动。

3.   在 document outline 中的 table view cell 中,出现 content view, 你所看到的所有cell 中的内容,就是在这个 content view 中 填充的。  content view, 顾名思义, 就是添加 view 的容器。

接下来,你就可以随心所欲地 在 cell 中 添加你的内容了。 
比如: 添加 Label; 添加 ImageView。 

通过这种简单的拖拽操作,你可以快速实现UI。 

友情提示:
在tableview 上,通过鼠标来操作,有时,你会感到力不从心。 这是因为, tableview 上的元素太复杂,包括: tableview section,  tableview cell, content view,  label, imageview 等。 怎么办呢?  通过左侧的 document outline 来选择, 这样就容易多了。 


iOS:  tableview static cell 的使用 - 悠悠 - 悠悠电台iOS客户端:几千个国内外电台
 
在 tableview cell 有多个属性可设置,比如:cell 选中后的状态, 右侧的指示标志。Accessory 的设置等。 

小结:
与 static cell 对应的是 dynamic cell, 二者的差异是什么? 使用场景又是怎样的呢 ?  这就是 静态与动态之分。 
二者的共同点: 支持多个section, 支持的cell 可以多于一屏,多于一屏时,可上下滑动。

不同点:static tableView 用不着 datasource  和 delegate。  动态tableView 是一定要重用cell的, 对于静态tableView, 似乎用不着 cell 的重用。 

这就是说,静态cell的功能 完全可以通过 动态cell 来实现。  当cell 数量超过一屏幕时, 建议还是使用 dynamic tableView 为好。 

小结: 
 很难说 静态tableView 与 动态TableView 有什么优劣之分, 这得看你用在哪种场景下。 不管是哪种技术,我个人坚信一点,那就是: “在一个给定的场景下, 最优方案只有一个” 。
这里,援引 苹果公司的官方文档,对static tableView 和 Dynamic TableView 做一个总结:

When you configure the attributes of a table view in the storyboard editor, you choose between two types of cell content: static cells or dynamic prototypes.

  • Static cells. Use static cells to design a table with a fixed number of rows, each with its own layout. Use static cells when you know what the table looks like at design time, regardless of the specific information it displays.

  • Dynamic prototypes. Use dynamic prototypes to design one cell and then use it as the template for other cells in the table. Use a dynamic prototype when multiple cells in a table should use the same layout to display information. Dynamic prototype content is managed by the data source at runtime, with an arbitrary number of cells.


http://chatgpt.dhexx.cn/article/NmtXXypZ.shtml

相关文章

芒果iOS开发之NSComparisonResult比较结果

在学习NSString的时候&#xff0c;可能会经常遇到比较两个字符串的大小&#xff0c;系统已经提供了字符串比较的函数&#xff1a; [objc] view plain copy print ? <span style"font-size:24px;">- (NSComparisonResult)compare:(NSString *)string; </…

iOS用户行为追踪——无侵入埋点

本文章系作者原创文章&#xff0c;如需转载学习&#xff0c;请注明该文章的原始出处和网址链接。   在阅读的过程中&#xff0c;如若对该文章有不懂或值得优化的建议&#xff0c;欢迎大家加QQ&#xff1a;690091622 进行技术交流和探讨。 前言&#xff1a;   前几日做项目,…

猫猫学习ios 之第三方登录友盟实现

一&#xff1a;集成友盟分享 做第三方登录现在大多数用友盟&#xff0c;友盟之中做第三方登录的时候首先下载sdk&#xff0c;然后自己看文档&#xff0c;其实友盟的官方文档写的已经十分清楚了&#xff0c;这里自己写写&#xff0c;做一下笔记 二&#xff1a;详细 友盟&#…

【flutter】使用permission_handler配置android和 iOS的权限

文章目录 前言准备工作一、使用步骤1.使用的插件2.配置权限 二、代码示例三、结果截图 前言 flutter在pub.flutter-io.cn插件库中有很多的关于权限配置的插件&#xff0c;但是就我个人而言&#xff0c;比较推荐使用permission_handler这个插件。当我们打开permission_handler时…

Flutter 混合开发 - 03 百度地图定位功能 ios 篇

本节目标 创建 ios flutter 插件流程集成百度定位功能 视频 https://www.bilibili.com/video/BV1HT4y1L73i/ 代码 https://github.com/ducafecat/flutter_baidu_plugin_ducafecat/releases/tag/v1.0.3 百度平台部分 设置 AK https://lbsyun.baidu.com/apiconsole/key#/h…

iOS-Charts图表绘制一块平行X轴线性指标

养小猫咪的伙伴来我的店铺逛逛吧!抖音商城搜索#早睡早起的猫咪小铺子 最近做项目需要画柱状图和折线图&#xff0c;引入了第三方的图标库Charts。 这个图表库基本上能够满足大家对于图表绘制的需要&#xff0c;但是api接口的解释并不是很详细&#xff0c;该库有强大的功能&…

ios模拟器 - Simulator录制视频

养小猫咪的伙伴来我的店铺逛逛吧!抖音商城搜索#早睡早起的猫咪小铺子 1.进入终端&#xff0c;cd到要放置录屏文件的位置 2.输入命令 ,输入你的命名 xcrun simctl io booted recordVideo xxx.mov 提示&#xff1a;停止录屏 control c 最后进入到对应文件夹就可以找到录制好的…

猫猫学iOS之安装cocoapods

啥事cocoa pods 不解释&#xff0c;自己看这里只有一次安装流程&#xff0c;猫猫的安装流程。 打开命令行&#xff0c;我用的是ruby安装&#xff0c;mac自带ruby&#xff0c;啥是ruby&#xff0c;不解释&#xff0c;因为开始我也不懂&#xff0c;就当他是命令行。 1&#xff…

基于Java的在线聊天APP系统分析及设计

基于Java的在线聊天APP系统分析及设计 目录 基于Java的在线聊天APP系统分析及设计 1 一、 需求分析 3 核心用户分析 3系统的主要功能的概述 3项目操作流程图 4功能详解 4 登录 4注册 4消息盒子 4好友盒子 4好友列表 4朋友验证 4我的账号 4新的朋友 5验证消息 5好友资料卡 5删…

Taro+react仿微信app聊天室|taro仿微信界面|taro聊天/朋友圈

基于TaroreactreduxRNtaroPop等技术开发的跨端聊天App实例&#xff0c;支持编译到多端H5小程序RN端&#xff0c;界面仿制微信聊天界面&#xff0c;实现了消息发送、表情、图片预览、长按菜单、红包、朋友圈等功能。 Taro三端统一聊天应用&#xff1a;taro-chatroom (仿微信界面…

android机器人聊天软件,虚拟男友聊天机器人

虚拟男友聊天机器人是一款能为大家提供专业的虚拟聊天软件&#xff0c;在这里大家可以设定一个符合自己心意的男友&#xff0c;让你们之间的对话是充满了甜蜜&#xff0c;并且还可以自己设定回复方式&#xff0c;对话也是十分的轻松愉悦&#xff0c;快来下载虚拟男友聊天机器人…

uniapp开发即时通讯聊天app,纯nvue仿微信,前后端开源

github地址&#xff1a;GitHub - guipie/GpChat: uniapp开发的纯nvue的即时聊天通讯App。 gitee&#xff1a;https://gitee.com/chenwei_zq/GpChat uniapp开发的纯nvue的即时聊天通讯App。 后台采用.net6,一套解决方案&#xff0c;分布式部署。 App采用uniapp的纯nvue&#x…

使用dialogflow和firebase构建whatsapp聊天机器人的指南

ChatBots are conversational agents, programs capable of conducting a conversation with an Internet user. In this tutorial I’ll walk you through an implementation of WhatsApp chatbot using Twilio platform. ChatBots是对话代理&#xff0c;是能够与Internet用户…

【uni-app】uni-app实现聊天页面功能(小程序)——布局篇

文章目录 前言划分区域问题内容溢出关于调试聊天框 代码实现 前言 在工作中使用uni-app参与开发一个小程序&#xff0c;其中要写一个简单的聊天页面&#xff0c;虽然功能不多&#xff08;只有一个发送文字的功能&#xff09;&#xff0c;但是其中的细节比较多&#xff0c;也踩…

如何搜索WhatsApp聊天消息

Trying to find a specific message in your huge WhatsApp chat log? There are two ways to search, so you can find what you’re looking for quickly. 试图在庞大的WhatsApp聊天日志中查找特定消息&#xff1f; 有两种搜索方式&#xff0c;因此您可以快速找到要查找的内…

【uni-app】uni-app实现聊天页面功能——功能篇(下)

目录 前言一、聊天框随键盘抬起思路代码实现 二、聊天消息列表随着聊天框的增高而滚动到最底部思路 三、问题完整代码实现总结 前言 前面我有写关于如何进行聊天页面布局和实现聊天消息滚动到最底部的文章。 【uni-app】uni-app实现聊天页面功能——功能篇&#xff08;上&…

如何将 WhatsApp 聊天添加到您的网站

WhatsApp是全球最受欢迎的消息传递应用程序。平台上有超过 2 亿活跃用户与朋友、家人和企业进行交流。对于企业而言&#xff0c;WhatsApp 是与客户进行个人、可访问和非正式对话的理想渠道。 要将 WhatsApp 作为渠道引入您的客户旅程&#xff0c;第一步是将 WhatsApp 聊天按钮…

uni-app 即时聊天

项目介绍 前段时间在B站看到了有一个UP主在讲uni-app即时聊天的项目&#xff08;逸刻时光&#xff09;&#xff0c;在看了这个视频之后&#xff0c;感觉还是挺有兴趣的&#xff0c;所以在看他的讲解视频之后&#xff0c;就自己动手写了这个即时聊天项目&#xff0c;在样式方面…

uniapp+nvue实现仿微信App聊天应用 —— 成功实现好友聊天+语音视频通话功能

基于uniapp nvue实现的uniapp仿微信App聊天应用 txim 实例项目&#xff0c;实现了以下功能。 1: 聊天会话管理 2: 好友列表 3: 文字、语音、视频、表情、位置等聊天消息收发 4: 一对一语音视频在线通话 技术实现 开发环境&#xff1a;HbuilderX nodejs技术框架&#xff…

WhatsApp聊天记录迁移新手机,备份如何找回和删除?

当外贸人更换手机时&#xff0c;面临的第一大问题就是WhatsApp数据迁移的问题。 因为WhatsApp的聊天记录、联系人、图片、视频等&#xff0c;都是与客户息息相关的数据&#xff0c;对外贸人来讲都非常重要&#xff0c;所以一定要确保在换手机过程中不丢失WhatsApp的任何资料。…