关于MDCBottomAppBarView的文本、图标设置及高度调整问题咨询

嘿，这几个需求完全可以实现，我给你拆解成具体的实操步骤：

1. 添加图标与文本 #

MDCBottomAppBarView本身提供了内置的按钮位置，也支持直接添加自定义视图到内容区域，两种方式按需选择：

方式一：用内置按钮项加图标 #

如果只需要添加图标按钮，直接用leadingBarButtonItems和trailingBarButtonItems属性就能搞定，示例代码如下：

// 创建图标按钮
let searchItem = UIBarButtonItem(image: UIImage(systemName: "magnifyingglass"), style: .plain, target: self, action: #selector(searchTapped))
let settingsItem = UIBarButtonItem(image: UIImage(systemName: "gear"), style: .plain, target: self, action: #selector(settingsTapped))

// 分配到底部导航栏的左右侧
bottomAppBar.leadingBarButtonItems = [searchItem]
bottomAppBar.trailingBarButtonItems = [settingsItem]

方式二：添加自定义文本/混合视图 #

如果需要加文本（比如居中标题），可以直接创建UILabel或组合视图，加到bottomAppBar的contentView上，用Auto Layout定位：

// 创建标题标签
let titleLabel = UILabel()
titleLabel.text = "首页"
titleLabel.font = UIFont.systemFont(ofSize: 16, weight: .medium)
titleLabel.textColor = .label
titleLabel.translatesAutoresizingMaskIntoConstraints = false

// 添加到底部导航栏的内容视图
bottomAppBar.contentView.addSubview(titleLabel)

// 设置约束让标签居中
NSLayoutConstraint.activate([
    titleLabel.centerXAnchor.constraint(equalTo: bottomAppBar.contentView.centerXAnchor),
    titleLabel.centerYAnchor.constraint(equalTo: bottomAppBar.contentView.centerYAnchor)
])

要是想同时放图标和文本，把它们塞进一个UIStackView再添加，布局会更整洁。

2. 调整底部导航栏高度 #

有两种常用方法修改高度，看你需要的灵活度选：

方法一：直接设置preferredHeight属性 #

Material Components专门提供了这个属性，直接指定数值就行：

// 默认高度是56pt（iOS标准底部栏高度），这里设置为70pt
bottomAppBar.preferredHeight = 70

方法二：用Auto Layout约束强制调整 #

如果需要适配不同屏幕或更灵活的高度控制，给bottomAppBar加height约束：

bottomAppBar.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    bottomAppBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    bottomAppBar.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    bottomAppBar.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    // 设置自定义高度
    bottomAppBar.heightAnchor.constraint(equalToConstant: 70)
])

注意：如果同时设置了preferredHeight和height约束，约束的优先级更高，会覆盖前者的设置。

小提醒 #

调整高度后，记得检查内部浮动按钮（FAB）和其他子视图的位置，必要时微调约束，避免布局错乱。如果要适配不同屏幕，也可以把高度设为屏幕高度的比例，或者和动态字体大小关联。

内容的提问来源于stack exchange，提问作者czane