我有一个 UITableView,在某些情况下它是空的是合法的。因此,与其显示应用程序的背景图像,我更愿意在屏幕上打印一条友好的消息,例如:
此列表现在为空
最简单的方法是什么?
我有一个 UITableView,在某些情况下它是空的是合法的。因此,与其显示应用程序的背景图像,我更愿意在屏幕上打印一条友好的消息,例如:
此列表现在为空
最简单的方法是什么?
UITableView 的 backgroundView 属性是你的朋友。
在您应该确定表是否为空的viewDidLoad
地方或任何地方,reloadData
并使用包含 UILabel 的 UIView 更新 UITableView 的 backgroundView 属性,或者将其设置为 nil。就是这样。
当然可以让 UITableView 的数据源执行双重任务并返回一个特殊的“列表为空”单元格,这让我觉得很杂乱。突然numberOfRowsInSection:(NSInteger)section
必须计算其他部分的行数,以确保它们也是空的。您还需要创建一个包含空消息的特殊单元格。另外不要忘记您可能需要更改单元格的高度以容纳空消息。这一切都是可行的,但它似乎是创可贴之上的创可贴。
与 Jhonston 的回答相同,但我更喜欢它作为扩展:
import UIKit
extension UITableView {
func setEmptyMessage(_ message: String) {
let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: self.bounds.size.width, height: self.bounds.size.height))
messageLabel.text = message
messageLabel.textColor = .black
messageLabel.numberOfLines = 0
messageLabel.textAlignment = .center
messageLabel.font = UIFont(name: "TrebuchetMS", size: 15)
messageLabel.sizeToFit()
self.backgroundView = messageLabel
self.separatorStyle = .none
}
func restore() {
self.backgroundView = nil
self.separatorStyle = .singleLine
}
}
用法:
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
if things.count == 0 {
self.tableView.setEmptyMessage("My Message")
} else {
self.tableView.restore()
}
return things.count
}
根据此处的答案,这是我制作的快速课程,您可以在UITableViewController
.
import Foundation
import UIKit
class TableViewHelper {
class func EmptyMessage(message:String, viewController:UITableViewController) {
let rect = CGRect(origin: CGPoint(x: 0,y :0), size: CGSize(width: self.view.bounds.size.width, height: self.view.bounds.size.height))
let messageLabel = UILabel(frame: rect)
messageLabel.text = message
messageLabel.textColor = UIColor.blackColor()
messageLabel.numberOfLines = 0;
messageLabel.textAlignment = .Center;
messageLabel.font = UIFont(name: "TrebuchetMS", size: 15)
messageLabel.sizeToFit()
viewController.tableView.backgroundView = messageLabel;
viewController.tableView.separatorStyle = .None;
}
}
在你的UITableViewController
你可以打电话给numberOfSectionsInTableView(tableView: UITableView) -> Int
override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
if projects.count > 0 {
return 1
} else {
TableViewHelper.EmptyMessage("You don't have any projects yet.\nYou can create up to 10.", viewController: self)
return 0
}
}
在http://www.appcoda.com/pull-to-refresh-uitableview-empty/的帮助下
我推荐以下库:DZNEmptyDataSet
将它添加到项目中的最简单方法是将它与 Cocoopods 一起使用,如下所示:pod 'DZNEmptyDataSet'
在您的 TableViewController 中添加以下导入语句 (Swift):
import DZNEmptyDataSet
然后确保你的类符合DNZEmptyDataSetSource
andDZNEmptyDataSetDelegate
像这样:
class MyTableViewController: UITableViewController, DZNEmptyDataSetSource, DZNEmptyDataSetDelegate
在您viewDidLoad
添加以下代码行:
tableView.emptyDataSetSource = self
tableView.emptyDataSetDelegate = self
tableView.tableFooterView = UIView()
现在你需要做的就是显示空状态:
//Add title for empty dataset
func titleForEmptyDataSet(scrollView: UIScrollView!) -> NSAttributedString! {
let str = "Welcome"
let attrs = [NSFontAttributeName: UIFont.preferredFontForTextStyle(UIFontTextStyleHeadline)]
return NSAttributedString(string: str, attributes: attrs)
}
//Add description/subtitle on empty dataset
func descriptionForEmptyDataSet(scrollView: UIScrollView!) -> NSAttributedString! {
let str = "Tap the button below to add your first grokkleglob."
let attrs = [NSFontAttributeName: UIFont.preferredFontForTextStyle(UIFontTextStyleBody)]
return NSAttributedString(string: str, attributes: attrs)
}
//Add your image
func imageForEmptyDataSet(scrollView: UIScrollView!) -> UIImage! {
return UIImage(named: "MYIMAGE")
}
//Add your button
func buttonTitleForEmptyDataSet(scrollView: UIScrollView!, forState state: UIControlState) -> NSAttributedString! {
let str = "Add Grokkleglob"
let attrs = [NSFontAttributeName: UIFont.preferredFontForTextStyle(UIFontTextStyleCallout)]
return NSAttributedString(string: str, attributes: attrs)
}
//Add action for button
func emptyDataSetDidTapButton(scrollView: UIScrollView!) {
let ac = UIAlertController(title: "Button tapped!", message: nil, preferredStyle: .Alert)
ac.addAction(UIAlertAction(title: "Hurray", style: .Default, handler: nil))
presentViewController(ac, animated: true, completion: nil)
}
这些方法不是强制性的,也可以只显示没有按钮的空状态等。
对于斯威夫特 4
// MARK: - Deal with the empty data set
// Add title for empty dataset
func title(forEmptyDataSet _: UIScrollView!) -> NSAttributedString! {
let str = "Welcome"
let attrs = [NSAttributedStringKey.font: UIFont.preferredFont(forTextStyle: UIFontTextStyle.headline)]
return NSAttributedString(string: str, attributes: attrs)
}
// Add description/subtitle on empty dataset
func description(forEmptyDataSet _: UIScrollView!) -> NSAttributedString! {
let str = "Tap the button below to add your first grokkleglob."
let attrs = [NSAttributedStringKey.font: UIFont.preferredFont(forTextStyle: UIFontTextStyle.body)]
return NSAttributedString(string: str, attributes: attrs)
}
// Add your image
func image(forEmptyDataSet _: UIScrollView!) -> UIImage! {
return UIImage(named: "MYIMAGE")
}
// Add your button
func buttonTitle(forEmptyDataSet _: UIScrollView!, for _: UIControlState) -> NSAttributedString! {
let str = "Add Grokkleglob"
let attrs = [NSAttributedStringKey.font: UIFont.preferredFont(forTextStyle: UIFontTextStyle.callout), NSAttributedStringKey.foregroundColor: UIColor.white]
return NSAttributedString(string: str, attributes: attrs)
}
// Add action for button
func emptyDataSetDidTapButton(_: UIScrollView!) {
let ac = UIAlertController(title: "Button tapped!", message: nil, preferredStyle: .alert)
ac.addAction(UIAlertAction(title: "Hurray", style: .default, handler: nil))
present(ac, animated: true, completion: nil)
}
一种方法是修改您的数据源以1
在行数为零时返回,并在该方法中生成一个特殊用途的单元格(可能具有不同的单元格标识符)tableView:cellForRowAtIndexPath:
。
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
NSInteger actualNumberOfRows = <calculate the actual number of rows>;
return (actualNumberOfRows == 0) ? 1 : actualNumberOfRows;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
NSInteger actualNumberOfRows = <calculate the actual number of rows>;
if (actualNumberOfRows == 0) {
// Produce a special cell with the "list is now empty" message
}
// Produce the correct cell the usual way
...
}
如果您需要维护多个表视图控制器,这可能会变得有些复杂,因为有人最终会忘记插入零检查。更好的方法是创建一个单独的实现,该UITableViewDataSource
实现总是返回带有可配置消息的单行(我们称之为EmptyTableViewDataSource
)。当表视图控制器管理的数据发生变化时,管理变化的代码会检查数据是否为空。如果它不为空,请将您的表视图控制器设置为其常规数据源;否则,将其设置为EmptyTableViewDataSource
已配置适当消息的实例。
我一直在为此使用 titleForFooterInSection 消息。我不知道这是否是次优的,但它有效。
-(NSString*)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section {
NSString *message = @"";
NSInteger numberOfRowsInSection = [self tableView:self.tableView numberOfRowsInSection:section ];
if (numberOfRowsInSection == 0) {
message = @"This list is now empty";
}
return message;
}
因此,为了更安全的解决方案:
extension UITableView {
func setEmptyMessage(_ message: String) {
guard self.numberOfRows() == 0 else {
return
}
let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: self.bounds.size.width, height: self.bounds.size.height))
messageLabel.text = message
messageLabel.textColor = .black
messageLabel.numberOfLines = 0;
messageLabel.textAlignment = .center;
messageLabel.font = UIFont.systemFont(ofSize: 14.0, weight: UIFontWeightMedium)
messageLabel.sizeToFit()
self.backgroundView = messageLabel;
self.separatorStyle = .none;
}
func restore() {
self.backgroundView = nil
self.separatorStyle = .singleLine
}
public func numberOfRows() -> Int {
var section = 0
var rowCount = 0
while section < numberOfSections {
rowCount += numberOfRows(inSection: section)
section += 1
}
return rowCount
}
}
以及UICollectionView
:
extension UICollectionView {
func setEmptyMessage(_ message: String) {
guard self.numberOfItems() == 0 else {
return
}
let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: self.bounds.size.width, height: self.bounds.size.height))
messageLabel.text = message
messageLabel.textColor = .black
messageLabel.numberOfLines = 0;
messageLabel.textAlignment = .center;
messageLabel.font = UIFont.systemFont(ofSize: 18.0, weight: UIFontWeightSemibold)
messageLabel.sizeToFit()
self.backgroundView = messageLabel;
}
func restore() {
self.backgroundView = nil
}
public func numberOfItems() -> Int {
var section = 0
var itemsCount = 0
while section < self.numberOfSections {
itemsCount += numberOfItems(inSection: section)
section += 1
}
return itemsCount
}
}
更通用的解决方案:
protocol EmptyMessageViewType {
mutating func setEmptyMessage(_ message: String)
mutating func restore()
}
protocol ListViewType: EmptyMessageViewType where Self: UIView {
var backgroundView: UIView? { get set }
}
extension UITableView: ListViewType {}
extension UICollectionView: ListViewType {}
extension ListViewType {
mutating func setEmptyMessage(_ message: String) {
let messageLabel = UILabel(frame: CGRect(x: 0,
y: 0,
width: self.bounds.size.width,
height: self.bounds.size.height))
messageLabel.text = message
messageLabel.textColor = .black
messageLabel.numberOfLines = 0
messageLabel.textAlignment = .center
messageLabel.font = UIFont(name: "TrebuchetMS", size: 16)
messageLabel.sizeToFit()
backgroundView = messageLabel
}
mutating func restore() {
backgroundView = nil
}
}
使用 backgroundView 很好,但它不像在 Mail.app 中那样很好地滚动。
我做了类似于xtravar所做的事情。
然后我在中使用了以下代码tableView:numberOfRowsInSection:
:
if someArray.count == 0 {
// Show Empty State View
self.tableView.addSubview(self.emptyStateView)
self.emptyStateView.center = self.view.center
self.emptyStateView.center.y -= 60 // rough calculation here
self.tableView.separatorColor = UIColor.clear
} else if self.emptyStateView.superview != nil {
// Empty State View is currently visible, but shouldn't
self.emptyStateView.removeFromSuperview()
self.tableView.separatorColor = nil
}
return someArray.count
基本上我添加了emptyStateView
作为tableView
对象的子视图。由于分隔符会与视图重叠,我将它们的颜色设置为clearColor
. 要返回默认分隔符颜色,您只需将其设置为nil
.
根据Apple的说法,使用 Container View Controller 是正确的方法。
我将所有空状态视图放在单独的故事板中。每个都在它自己的 UIViewController 子类下。我直接在他们的根视图下添加内容。如果需要任何操作/按钮,您现在已经有了一个控制器来处理它。
然后只需从该 Storyboard 实例化所需的视图控制器,将其添加为子视图控制器并将容器视图添加到 tableView 的层次结构(子视图)。您的空状态视图也将是可滚动的,这感觉很好,并允许您实现拉动刷新。
阅读“将子视图控制器添加到您的内容”一章以获取有关如何实现的帮助。
只要确保将子视图框架设置为
(0, 0, tableView.frame.width, tableView.frame.height)
,事物就会正确居中和对齐。
这是最好和最简单的解决方案。
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 60)];
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 60)];
label.text = @"This list is empty";
label.center = self.view.center;
label.textAlignment = NSTextAlignmentCenter;
[view addSubview:label];
self.tableView.backgroundView = view;
多个数据集和部分有一个特定的用例,其中每个部分都需要一个空状态。
您可以使用此问题的多个答案中提到的建议 - 提供自定义的空状态单元格。
我将尝试以编程方式更详细地引导您完成所有步骤,希望这会有所帮助。这是我们可以预期的结果:
为简单起见,我们将使用 2 个数据集(2 个部分),它们将是静态的。
我还将假设您的 tableView 逻辑的其余部分可以与数据集、tabvleView 单元格和部分正常工作。
Swift 5,让我们这样做:
1、创建自定义空状态UITableViewCell类:
class EmptyTableViewCell: UITableViewCell {
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
setupView()
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
let label: UILabel = {
let label = UILabel()
label.translatesAutoresizingMaskIntoConstraints = false
label.text = "Empty State Message"
label.font = .systemFont(ofSize: 16)
label.textColor = .gray
label.textAlignment = .left
label.numberOfLines = 1
return label
}()
private func setupView(){
contentView.addSubviews(label)
let layoutGuide = contentView.layoutMarginsGuide
NSLayoutConstraint.activate([
label.leadingAnchor.constraint(equalTo: layoutGuide.leadingAnchor),
label.topAnchor.constraint(equalTo: layoutGuide.topAnchor),
label.bottomAnchor.constraint(equalTo: layoutGuide.bottomAnchor),
label.trailingAnchor.constraint(equalTo: layoutGuide.trailingAnchor),
label.heightAnchor.constraint(equalToConstant: 50)
])
}
}
2. 将以下内容添加到您的 UITableViewController 类以注册您的空单元格:
class TableViewController: UITableViewController {
...
let emptyCellReuseIdentifier = "emptyCellReuseIdentifier"
...
override func viewDidLoad(){
...
tableView.register(EmptyTableViewCell.self, forCellReuseIdentifier: emptyCellReuseIdentifier)
...
}
}
3. 现在让我们强调上面提到的一些假设:
class TableViewController: UITableViewController {
// 2 Data Sets
var firstDataSet: [String] = []
var secondDataSet: [String] = []
// Sections array
let sections: [SectionHeader] = [
.init(id: 0, title: "First Section"),
.init(id: 1, title: "Second Section")
]
...
// MARK: - Table view data source
override func numberOfSections(in tableView: UITableView) -> Int {
sections.count
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return sections[section].title
}
...
}
struct SectionHeader {
let id: Int
let title: String
}
4. 现在让我们在我们的数据源中添加一些自定义逻辑来处理我们部分中的空行。如果数据集为空,我们将返回 1 行:
class TableViewController: UITableViewController {
...
// MARK: - Table view data source
...
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
switch section{
case 0:
let numberOfRows = firstDataSet.isEmpty ? 1 : firstDataSet.count
return numberOfRows
case 1:
let numberOfRows = secondDataSet.isEmpty ? 1 : secondDataSet.count
return numberOfRows
default:
return 0
}
}
...
}
5. 最后,最重要的“cellForRowAt indexPath”:
class TableViewController: UITableViewController {
...
// MARK: - Table view data source
...
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
// Handle Empty Rows State
switch indexPath.section {
case 0:
if firstDataSet.isEmpty {
if let cell = tableView.dequeueReusableCell(withIdentifier: emptyCellReuseIdentifier) as? EmptyTableViewCell {
cell.label.text = "First Data Set Is Empty"
return cell
}
}
case 1:
if secondDataSet.isEmpty {
if let cell = tableView.dequeueReusableCell(withIdentifier: emptyCellReuseIdentifier) as? EmptyTableViewCell {
cell.label.text = "Second Data Set Is Empty"
return cell
}
}
default:
break
}
// Handle Existing Data Sets
if let cell = tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier, for: indexPath) as? TableViewCell {
switch indexPath.section {
case 0:
...
case 1:
...
default:
break
}
return cell
}
return UITableViewCell()
}
...
}
首先,其他流行方法的问题。
背景视图
如果您要使用将其设置为 UILabel 的简单情况,背景视图不会很好地居中。
用于显示消息的单元格、页眉或页脚
这会干扰您的功能代码并引入奇怪的边缘情况。如果你想完美地集中你的信息,那会增加另一个层次的复杂性。
滚动你自己的表格视图控制器
您失去了内置功能,例如 refreshControl,并重新发明了轮子。坚持使用 UITableViewController 以获得最佳的可维护结果。
添加 UITableViewController 作为子视图控制器
我有一种感觉,您最终会在 iOS 7+ 中遇到 contentInset 问题 - 再加上为什么要让事情复杂化?
我的解决方案
我想出的最佳解决方案(当然,这并不理想)是制作一个特殊的视图,它可以位于滚动视图的顶部并采取相应的行动。这显然在 iOS 7 中变得复杂,带有 contentInset 疯狂,但它是可行的。
您需要注意的事项:
一旦你在一个 UIView 子类中弄清楚了这一点,你就可以将它用于一切——加载微调器、禁用视图、显示错误消息等。
您可以将其添加到您的 Base 类中。
var messageLabel = UILabel()
func showNoDataMessage(msg: String) {
let rect = CGRect(origin: CGPoint(x: 0, y :self.view.center.y), size: CGSize(width: self.view.bounds.width - 16, height: 50.0))
messageLabel = UILabel(frame: rect)
messageLabel.center = self.view.center
messageLabel.text = msg
messageLabel.numberOfLines = 0
messageLabel.textColor = Colors.grayText
messageLabel.textAlignment = .center;
messageLabel.font = UIFont(name: "Lato-Regular", size: 17)
self.view.addSubview(messageLabel)
self.view.bringSubviewToFront(messageLabel)
}
在从 api 获取数据的类中显示它。
func populateData(dataSource : [PRNJobDataSource]){
self.dataSource = dataSource
self.tblView.reloadData()
if self.dataSource.count == 0 {self.showNoDataMessage(msg: "No data found.")}
}
像这样隐藏它。
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
if self.dataSource.count > 0 {self.hideNoDataMessage()}
return dataSource.count
}
func hideNoDataMessage(){
messageLabel.removeFromSuperview()
}
显示空列表的消息,无论是UITableView还是UICollectionView。
extension UIScrollView {
func showEmptyListMessage(_ message:String) {
let rect = CGRect(origin: CGPoint(x: 0,y :0), size: CGSize(width: self.bounds.size.width, height: self.bounds.size.height))
let messageLabel = UILabel(frame: rect)
messageLabel.text = message
messageLabel.textColor = .black
messageLabel.numberOfLines = 0
messageLabel.textAlignment = .center
messageLabel.font = UIFont.systemFont(ofSize: 15)
messageLabel.sizeToFit()
if let `self` = self as? UITableView {
self.backgroundView = messageLabel
self.separatorStyle = .none
} else if let `self` = self as? UICollectionView {
self.backgroundView = messageLabel
}
}
}
用途:
if cellsViewModels.count == 0 {
self.tableView.showEmptyListMessage("No Product In List!")
}
或者:
if cellsViewModels.count == 0 {
self.collectionView?.showEmptyListMessage("No Product In List!")
}
请记住: 不要忘记删除消息标签,以防刷新后会出现数据。
最简单快捷的方法是将标签拖到 tableView 下的侧面板上。为 label 和 tableView 创建一个 outlet 并添加 if 语句以根据需要隐藏和显示 label 和 table。或者,您可以将 tableView.tableFooterView = UIView(frame: CGRect.zero) this 添加到 viewDidLoad() 以使空表感觉如果表和背景视图具有相同的颜色,则它是隐藏的。
使用 Swift 4.2
func numberOfSections(in tableView: UITableView) -> Int
{
var numOfSections: Int = 0
if self.medArray.count > 0
{
tableView.separatorStyle = .singleLine
numOfSections = 1
tableView.backgroundView = nil
}
else
{
let noDataLabel: UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: tableView.bounds.size.height))
noDataLabel.text = "No Medicine available.Press + to add New Pills "
noDataLabel.textColor = UIColor.black
noDataLabel.textAlignment = .center
tableView.backgroundView = noDataLabel
tableView.separatorStyle = .none
}
return numOfSections
}
Swift 版本,但更好更简单的形式。**3.0
我希望它能达到你的目的......
在你的 UITableViewController 中。
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
if searchController.isActive && searchController.searchBar.text != "" {
if filteredContacts.count > 0 {
self.tableView.backgroundView = .none;
return filteredContacts.count
} else {
Helper.EmptyMessage(message: ConstantMap.NO_CONTACT_FOUND, viewController: self)
return 0
}
} else {
if contacts.count > 0 {
self.tableView.backgroundView = .none;
return contacts.count
} else {
Helper.EmptyMessage(message: ConstantMap.NO_CONTACT_FOUND, viewController: self)
return 0
}
}
}
具有功能的助手类:
/* Description: This function generate alert dialog for empty message by passing message and
associated viewcontroller for that function
- Parameters:
- message: message that require for empty alert message
- viewController: selected viewcontroller at that time
*/
static func EmptyMessage(message:String, viewController:UITableViewController) {
let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: viewController.view.bounds.size.width, height: viewController.view.bounds.size.height))
messageLabel.text = message
let bubbleColor = UIColor(red: CGFloat(57)/255, green: CGFloat(81)/255, blue: CGFloat(104)/255, alpha :1)
messageLabel.textColor = bubbleColor
messageLabel.numberOfLines = 0;
messageLabel.textAlignment = .center;
messageLabel.font = UIFont(name: "TrebuchetMS", size: 18)
messageLabel.sizeToFit()
viewController.tableView.backgroundView = messageLabel;
viewController.tableView.separatorStyle = .none;
}
可能不是最好的解决方案,但我只是在表格底部放了一个标签,如果行 = 0,那么我给它分配了一些文本。非常简单,只需几行代码即可实现您想要做的事情。
我的表中有两个部分(工作和学校)
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
if (jobs.count == 0 && schools.count == 0) {
emptyLbl.text = "No jobs or schools"
} else {
emptyLbl.text = ""
}
我做了一些更改,这样我们就不需要手动检查计数,我还为标签添加了约束,这样无论消息有多大都不会出错,如下所示:
extension UITableView {
fileprivate func configureLabelLayout(_ messageLabel: UILabel) {
messageLabel.translatesAutoresizingMaskIntoConstraints = false
let labelTop: CGFloat = CGFloat(UIDevice.current.userInterfaceIdiom == .pad ? 25:15)
messageLabel.topAnchor.constraint(equalTo: backgroundView?.topAnchor ?? NSLayoutAnchor(), constant: labelTop).isActive = true
messageLabel.widthAnchor.constraint(equalTo: backgroundView?.widthAnchor ?? NSLayoutAnchor(), constant: -20).isActive = true
messageLabel.centerXAnchor.constraint(equalTo: backgroundView?.centerXAnchor ?? NSLayoutAnchor(), constant: 0).isActive = true
}
fileprivate func configureLabel(_ message: String) {
let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: self.bounds.size.width, height: self.bounds.size.height))
messageLabel.textColor = .black
messageLabel.numberOfLines = 0
messageLabel.textAlignment = .center
let fontSize = CGFloat(UIDevice.current.userInterfaceIdiom == .pad ? 25:15)
let font: UIFont = UIFont(name: "MyriadPro-Regular", size: fontSize) ?? UIFont()
messageLabel.font = font
messageLabel.text = message
self.backgroundView = UIView()
self.backgroundView?.addSubview(messageLabel)
configureLabelLayout(messageLabel)
self.separatorStyle = .none
}
func setEmptyMessage(_ message: String, _ isEmpty: Bool) {
if isEmpty { // instead of making the check in every TableView DataSource in the project
configureLabel(message)
}
else {
restore()
}
}
func restore() {
self.backgroundView = nil
self.separatorStyle = .singleLine
}
}
用法
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
let message: String = "The list is empty."
ticketsTableView.setEmptyMessage(message, tickets.isEmpty)
return self.tickets.count
}
或者,您可以使用一些可定制的轻量级库