Fluent-Qt

对话框与浮层

Dialog 对话框

可以放入任意内容的模态对话框。

示例

对话框的真实 Gallery 示例

用法

重命名项目

在 Dialog 中放入标题、输入框和按钮,由应用决定应用还是取消修改。

#include <FluentQt/DialogsFlyouts.h>
using namespace fluent::dialogs_flyouts;

auto* root = new QWidget(this);
auto* layout = new QVBoxLayout(root);
auto* open = new Button(QStringLiteral("Rename project"), root);
open->setFluentStyle(Button::Accent);
auto* status = new Label(QStringLiteral("Project name: Northwind Analytics"), root);
layout->addWidget(open, 0, Qt::AlignLeft);
layout->addWidget(status);
QObject::connect(open, &Button::clicked, root, [open, status] {
    auto* dialog = new Dialog(open->window());
    dialog->setThemeSource(open);
    dialog->setMinimumSize(480, 280);
    auto* content = new QVBoxLayout(dialog);
    content->setContentsMargins(32, 28, 32, 28);
    content->setSpacing(14);
    auto* title = new Label(QStringLiteral("Rename project"), dialog);
    title->setFluentTypography(Typography::FontRole::Subtitle);
    content->addWidget(title);
    auto* name = new LineEdit(dialog);
    name->setAccessibleName(QStringLiteral("Project name"));
    name->setText(status->text().replace(QStringLiteral("Project name: "), QString()));
    content->addWidget(name);
    content->addStretch();
    auto* commands = new QHBoxLayout;
    auto* cancel = new Button(QStringLiteral("Cancel"), dialog);
    auto* apply = new Button(QStringLiteral("Apply"), dialog);
    apply->setFluentStyle(Button::Accent);
    commands->addStretch();
    commands->addWidget(cancel);
    commands->addWidget(apply);
    content->addLayout(commands);
    QObject::connect(cancel, &Button::clicked, dialog, &QDialog::reject);
    QObject::connect(apply, &Button::clicked, dialog, &QDialog::accept);
    QObject::connect(dialog, &QDialog::accepted, status, [status, name] {
        status->setText(QStringLiteral("Project name: %1").arg(name->text()));
    });
    QObject::connect(dialog, &QDialog::finished, dialog, &QObject::deleteLater);
    dialog->open();
});
return root;

fluent::dialogs_flyouts::Dialog

继承自 QDialog · FluentElement · QMLPlus

同窗口 Fluent 对话框外壳,可选烟雾遮罩与进出场淡入淡出。

构造函数

属性

bool isOpen

逻辑请求打开态,不是动画完成态,也不是 QWidget 可见性。

读取 isOpen()设置 setIsOpen()通知 isOpenChanged()
double animationProgress
读取 animationProgress()设置 setAnimationProgress()
bool dragEnabled
读取 isDragEnabled()设置 setDragEnabled()通知 dragEnabledChanged()
bool animationEnabled
读取 isAnimationEnabled()设置 setAnimationEnabled()通知 animationEnabledChanged()
bool smokeEnabled

历史烟雾包;仅在 modal 与 dim 同时开启时视为启用。

读取 isSmokeEnabled()设置 setSmokeEnabled()通知 smokeEnabledChanged()
bool modal
读取 isModal()设置 setModal()通知 modalChanged()
bool dim
读取 isDim()设置 setDim()通知 dimChanged()
double dimOpacity

遮罩透明度范围 [0, 1],-1 使用主题烟雾值,仅在 dim 开启时生效。

读取 dimOpacity()设置 setDimOpacity()通知 dimOpacityChanged()
double backdropBlurRadius

所属窗口背景快照的模糊半径,范围 [0, 32] 逻辑像素;0 关闭模糊。

读取 backdropBlurRadius()设置 setBackdropBlurRadius()通知 backdropBlurRadiusChanged()
ClosePolicy closePolicy
读取 closePolicy()设置 setClosePolicy()通知 closePolicyChanged()

方法

bool isOpen() const

逻辑请求打开态,不是动画完成态,也不是 QWidget 可见性。

void setSmokeEnabled(bool enabled)

历史烟雾包;仅在 modal 与 dim 同时开启时视为启用。

bool isSmokeEnabled() const

历史烟雾包;仅在 modal 与 dim 同时开启时视为启用。

double dimOpacity() const

遮罩透明度范围 [0, 1],-1 使用主题烟雾值,仅在 dim 开启时生效。

void setDimOpacity(double opacity)

遮罩透明度范围 [0, 1],-1 使用主题烟雾值,仅在 dim 开启时生效。

double backdropBlurRadius() const

所属窗口背景快照的模糊半径,范围 [0, 32] 逻辑像素;0 关闭模糊。

void setBackdropBlurRadius(double radius)

所属窗口背景快照的模糊半径,范围 [0, 32] 逻辑像素;0 关闭模糊。

void refreshBackdrop()

背景内容变化后重新采集所属窗口快照。

void setThemeSource(QWidget* source)

指定对话框显示时继承局部主题的来源控件。

void setIsOpen(bool open)

逻辑请求打开态,不是动画完成态,也不是 QWidget 可见性。

信号

void isOpenChanged(bool open)

逻辑请求打开态,不是动画完成态,也不是 QWidget 可见性。

void opening()

开始打开。兼容别名:aboutToShow()。

void closing()

开始关闭。兼容别名:aboutToHide()。

void smokeEnabledChanged(bool enabled)

历史烟雾包;仅在 modal 与 dim 同时开启时视为启用。

void dimOpacityChanged(double opacity)

遮罩透明度范围 [0, 1],-1 使用主题烟雾值,仅在 dim 开启时生效。

void backdropBlurRadiusChanged(double radius)

所属窗口背景快照的模糊半径,范围 [0, 32] 逻辑像素;0 关闭模糊。

枚举

enum CloseFlag

浮层轻关闭标志,位值与 Popup::CloseFlag 相同。

  • NoAutoClose = 0
  • CloseOnPressOutside = 1 << 0
  • CloseOnEscape = 1 << 1

类型与别名

析构函数

子类扩展接口

方法

QWidget* ownerWidget() const

用于居中、主题继承与烟雾遮罩的 owning top-level。

继承自 fluent::FluentElement

方法

static void setTheme(Theme theme)

更新全局主题,并通知所有活跃的 FluentElement 实例。

static void setThemeDeferred(Theme theme)

以可见元素优先的批次调度主题刷新,避免阻塞当前交互。

static Theme currentTheme()

返回当前生效的全局主题。

static bool themeUsesDarkAppearance(Theme theme)

返回指定主题是否使用暗色底的 chrome 与材质 token。

static void refreshTheme()

在设计 token 变化后重新广播当前主题以触发重绘。

static int themeGeneration()

每次主题变化自增的单调计数器,用于过期判断。

Theme effectiveTheme() const

解析此元素实际使用的主题,会优先读取 QWidget 父链上的局部主题覆盖。

bool effectiveThemeUsesDarkAppearance() const

返回此元素的实际主题是否使用暗色底 chrome。

bool setThemeOverrides(const QJsonObject& overrides)

供组件侧访问的设计 token 接口。

QJsonObject themeOverrides() const

返回当前元素的覆盖配置。

void clearThemeOverrides()

恢复全部 token 跟随全局主题。

const Colors& themeColorsRef() const

对当前色板的零拷贝访问(用于绘制热路径)。

Material::AcrylicToken themeAcrylic() const

材质、阴影和自适应布局 token。

QColor themeBackdrop(bool active) const

给定激活状态下的窗口 chrome 背景色。

virtual void onThemeUpdated()

全局主题变化后调用。

枚举

enum Theme

解析设计 token 时使用的全局视觉主题。

  • Light = 0
  • Dark = 1
  • HighContrast = 2

类型与别名

struct Colors

返回给组件使用的设计 token 快照。

继承自 fluent::QMLPlus

方法

AnchorLayout::Anchors* anchors()

返回 QWidget 宿主的可变锚点配置。

void setState(const QString& name)

应用具名 state;名称为空时恢复默认状态。

void addState(const QMLState& state)

注册或替换一个具名 state 定义。

void evaluateStates()

重新计算条件;按注册顺序选择首个成立的条件。

QMLPlusRuntime* runtime()

返回按需创建、由宿主持有的状态观察对象。

void setAnchors(const AnchorLayout::Anchors& anchors)

替换宿主的全部锚点,并使父布局失效。

void resetAnchors()

清除宿主全部锚点,并使父布局失效。

void addTransition(const StateTransition& transition)

按优先顺序注册状态过渡。

void setBehavior(const char* propertyName, const PropertyAnimation& animation)

设置宿主受管理属性写入时使用的默认动画。

void clearBehavior(const char* propertyName)

移除后续受管理写入使用的默认动画。

bool writeProperty(const char* propertyName, const QVariant& value)

通过 Behavior 写入宿主属性,且不移除该属性的绑定。

Qt 基类完整成员:QDialog