Swift开发CarPlay时CPListTemplate标签标题不显示问题求助

问题根源 #

你的代码里有两个关键问题导致所有标签被归到"more"菜单中：

1. 错误调用pushTemplate：你已经将CPTabBarTemplate设为根模板，后续连续push子模板的操作会把tab bar压到导航栈最底部，当前显示的其实是最后push的列表模板，而非tab bar界面。
2. 未为子模板设置tabImage：CarPlay的CPTabBarTemplate要求每个子模板必须同时配置tabTitle和tabImage，仅设置标题的话，系统会默认将这类标签归类到"more"里。

修正后的代码 #

// 1. 准备符合CarPlay规范的标签图标（建议用60x60pt的PDF矢量图，适配深色/浅色模式）
let hoopingTabImage = UIImage(named: "hooping-tab")?.withRenderingMode(.alwaysOriginal)
let rapTabImage = UIImage(named: "rap-tab")?.withRenderingMode(.alwaysOriginal)
let rnbTabImage = UIImage(named: "rnb-tab")?.withRenderingMode(.alwaysOriginal)
let allTabImage = UIImage(named: "all-tab")?.withRenderingMode(.alwaysOriginal)

// 2. 创建列表模板并同时配置tabTitle和tabImage
let listTemplate = CPListTemplate(title: "Hooping", sections: [hoopingSec])
listTemplate.tabTitle = "Hooping"
listTemplate.tabImage = hoopingTabImage

let listTemplate1 = CPListTemplate(title: "Rap", sections: [rapSec])
listTemplate1.tabTitle = "Rap"
listTemplate1.tabImage = rapTabImage

let listTemplate2 = CPListTemplate(title: "RnB", sections: [RnBSec])
listTemplate2.tabTitle = "RnB"
listTemplate2.tabImage = rnbTabImage

let listTemplate3 = CPListTemplate(title: "All", sections: [allSec])
listTemplate3.tabTitle = "All"
listTemplate3.tabImage = allTabImage

// 3. 初始化tab bar模板
let theTab = CPTabBarTemplate(templates: [listTemplate, listTemplate1, listTemplate2, listTemplate3])

// 4. 设置根模板，移除所有多余的pushTemplate调用
self.interfaceController?.delegate = self
self.interfaceController?.setRootTemplate(theTab, animated: true, completion: nil)

额外注意事项 #

• 图标需使用不透明单色矢量图（PDF格式最优），withRenderingMode(.alwaysOriginal)可避免系统自动着色导致图标显示异常。
• tab bar作为根模板时，用户通过点击标签切换子模板，无需手动调用pushTemplate。
• 仅在需要动态更新tab bar模板时使用updateTemplates，初始化阶段直接传入配置好的模板即可。

内容的提问来源于stack exchange，提问作者Ron Jones Jr