UIButton.Configuration的titleAlignment与imagePlacement设置不生效问题

使用UIButton的Configuration配置按钮时，希望实现标题固定在按钮左边缘，图片固定在按钮右边缘，但设置titleAlignment = .leading后，标题和图片都移动到了左边缘，无法达到预期效果。

当前代码：

var configuration = UIButton.Configuration.bordered()
configuration.image = ImageProvider.icon.history
configuration.imagePlacement = .trailing
historyButton.configuration = configuration
configuration.titleAlignment = .leading
historyButton.setTitle(String(localized: "History"), for: .normal)
let image = ImageProvider.icon.history
historyButton.setImage(image, for: .normal)

遇到的现象：

• 初始配置后内容居中（如图：按钮内容整体居中）
• 设置titleAlignment = .leading后，标题和图片整体左移（如图：标题和图片都聚集在按钮左侧）

1. 移除重复配置 #

代码中同时使用了UIButton.Configuration和传统的setTitle/setImage方法，这会导致配置冲突，优先保留Configuration的配置方式，移除后者。

2. 调整按钮内容对齐方式 #

要实现标题左、图片右的效果，需要让按钮内容填充整个按钮宽度，同时配合Configuration的布局设置：

修正后的代码：

var configuration = UIButton.Configuration.bordered()
// 直接通过Configuration设置标题
configuration.title = String(localized: "History")
// 设置图片及位置
configuration.image = ImageProvider.icon.history
configuration.imagePlacement = .trailing
// 标题左对齐
configuration.titleAlignment = .leading
// 设置内容内边距，控制标题和边缘的距离
configuration.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16)
// 关键：让按钮内容填充整个宽度，图片会被推至最右侧
historyButton.contentHorizontalAlignment = .fill
// 应用配置
historyButton.configuration = configuration

原理说明 #

• contentHorizontalAlignment = .fill 让按钮的内容（标题+图片）填充整个按钮的水平空间，而非默认的居中或左对齐块。
• 结合titleAlignment = .leading和imagePlacement = .trailing，标题会靠左对齐，图片会在标题右侧，由于内容填充整个宽度，图片自然被推到按钮的右边缘。

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