GluonMobile AppBar文本颜色修改失效问题求助

我之前也碰到过一模一样的情况！Gluon Mobile的AppBar遵循Material Design的自动对比度逻辑，会根据背景色自动调整文本颜色，这就是为啥你直接在.app-bar选择器里加-fx-text-fill甚至!important都没用——因为文本样式是应用在内部的标题Label控件上，而且内置的样式优先级更高。

给你几个可行的解决方案：

1. 用CSS精准定位标题控件 #

AppBar的标题文本是放在一个带有.title-label类的Label里，所以你需要直接针对这个子控件设置样式：

/* 自定义AppBar背景色 + 强制设置标题文本颜色 */
.app-bar {
    -fx-background-color: #2196F3; /* 替换成你的背景色 */
}
.app-bar .title-label {
    -fx-text-fill: #FFFFFF !important; /* 替换成你要的文本颜色 */
}

如果你的AppBar用了primary-swatch相关的样式类（比如.primary），可以把选择器写得更精准：

.primary .app-bar .title-label {
    -fx-text-fill: #FFEB3B !important;
}

2. 代码层面直接设置文本颜色 #

你可以通过AppBar的getTitle()方法拿到内部的Label控件，然后直接设置文本填充色：

// 初始化AppBar时设置
AppBar appBar = new AppBar();
appBar.setTitleText("My Custom Title");
// 获取标题Label并设置颜色
Label titleLabel = (Label) appBar.getTitle();
titleLabel.setTextFill(Color.web("#FFFFFF"));

如果是用FXML加载的界面，先获取AppBar实例再操作：

@FXML
private AppBar appBar;

@Override
public void initialize() {
    Label titleLabel = (Label) appBar.getTitle();
    titleLabel.setTextFill(Color.RED);
}

3. 自定义Swatch变量（进阶） #

如果你想全局统一修改Swatch对应的文本颜色，可以在CSS里覆盖Gluon的内置变量：

/* 自定义Primary Swatch的文本颜色 */
.root {
    -primary-swatch-text-color: #FFFFFF;
}

这种方式会让所有使用Primary Swatch的控件（包括AppBar）都应用这个文本颜色，适合全局样式统一的场景。

内容的提问来源于stack exchange，提问作者Jan-Peter Schmidt