滚动
ImageViewer 图片查看器
围绕指针缩放、拖动平移单张图片,可切换适应窗口与原始比例。
示例

用法
平移和缩放图片
setPixmap() 或 setImage() 设置图片,视图自动回到 ScaleDown;fitToView()、zoomToActualSize()、resetView() 切换视图,zoomFactorChanged 报告当前比例。
#include <FluentQt/Scrolling.h>
using namespace fluent::scrolling;
auto* viewer = new ImageViewer(this);
viewer->setMaximumWidth(460);
viewer->setFixedHeight(290);
viewer->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
viewer->setAccessibleName(QStringLiteral("Harbor at dusk"));
viewer->setPixmap(imageViewerScene(QSize(1600, 1000), 0));
// Double-click toggles 100%; after focus, + - 0 1 and the
// arrow keys zoom, reset and pan.
auto updateStatus = [viewer, status] {
status->setText(imageViewerStatusText(viewer));
};
connect(viewer, &ImageViewer::zoomFactorChanged, status, updateStatus);
connect(viewer, &ImageViewer::fitModeChanged, status, updateStatus);import fluentqt
from PySide6.QtCore import QSize
from PySide6.QtWidgets import QSizePolicy
viewer = fluentqt.ImageViewer()
viewer.setMaximumWidth(460)
viewer.setFixedHeight(290)
viewer.setSizePolicy(QSizePolicy.Policy.Expanding, QSizePolicy.Policy.Fixed)
viewer.setAccessibleName('Harbor at dusk')
viewer.setPixmap(image_viewer_scene(QSize(1600, 1000), 0))
def update_status(*_args):
status.setText(image_viewer_status_text(viewer))
viewer.zoomFactorChanged.connect(update_status)
viewer.fitModeChanged.connect(update_status)API
查看声明没有匹配的 API 成员。
fluent::scrolling::ImageViewer
继承自 QWidget · FluentElement · QMLPlus
单张图片的平移缩放查看器。
构造函数
属性
QPixmap pixmap查看器显示的图片;设置新图片会复位视图。
读取pixmap()设置setPixmap()通知pixmapChanged()qreal zoomFactor当前缩放因子;1.0 为图片的设备无关尺寸。
读取zoomFactor()设置setZoomFactor()通知zoomFactorChanged()qreal minZoomFactor最小缩放因子;低于它的适应比例仍然可以到达。
读取minZoomFactor()设置setMinZoomFactor()通知minZoomFactorChanged()qreal maxZoomFactor最大缩放因子;高于它的适应比例仍然可以到达。
读取maxZoomFactor()设置setMaxZoomFactor()通知maxZoomFactorChanged()QPointF viewCenter显示在视口中心的图片坐标点,单位为设备无关的图片像素。
读取viewCenter()设置setViewCenter()通知viewCenterChanged()FitMode fitMode视口尺寸变化时视图是否跟随适应规则。
读取fitMode()设置setFitMode()通知fitModeChanged()WheelAction wheelAction不按修饰键的鼠标滚轮执行的操作。
读取wheelAction()设置setWheelAction()通知wheelActionChanged()ControlsVisibility controlsVisibility内置缩放工具条的可见性策略。
读取controlsVisibility()设置setControlsVisibility()通知controlsVisibilityChanged()bool zoomIndicatorEnabled工具条隐藏时,直接缩放输入是否短暂显示缩放比例。
读取isZoomIndicatorEnabled()设置setZoomIndicatorEnabled()通知zoomIndicatorEnabledChanged()bool frameVisible查看器是否绘制圆角背景和边框。
读取isFrameVisible()设置setFrameVisible()通知frameVisibleChanged()Qt::TransformationMode transformationMode缩放图片时的采样方式;Fast 可保持单个像素清晰。
读取transformationMode()设置setTransformationMode()通知transformationModeChanged()
方法
QPixmap pixmap() const查看器显示的图片;设置新图片会复位视图。
void setPixmap(const QPixmap& pixmap)查看器显示的图片;设置新图片会复位视图。
void setImage(const QImage& image)将图片转换为 pixmap 并显示。
QSizeF imageSize() const返回图片的设备无关尺寸;没有图片时返回空尺寸。
qreal fitZoomFactor() const返回在当前视口中完整显示图片所需的缩放因子。
qreal zoomFactor() const当前缩放因子;1.0 为图片的设备无关尺寸。
void setZoomFactor(qreal factor)当前缩放因子;1.0 为图片的设备无关尺寸。
qreal minZoomFactor() const最小缩放因子;低于它的适应比例仍然可以到达。
void setMinZoomFactor(qreal factor)最小缩放因子;低于它的适应比例仍然可以到达。
qreal maxZoomFactor() const最大缩放因子;高于它的适应比例仍然可以到达。
void setMaxZoomFactor(qreal factor)最大缩放因子;高于它的适应比例仍然可以到达。
QPointF viewCenter() const显示在视口中心的图片坐标点,单位为设备无关的图片像素。
void setViewCenter(const QPointF& center)显示在视口中心的图片坐标点,单位为设备无关的图片像素。
FitMode fitMode() const视口尺寸变化时视图是否跟随适应规则。
void setFitMode(FitMode mode)视口尺寸变化时视图是否跟随适应规则。
WheelAction wheelAction() const不按修饰键的鼠标滚轮执行的操作。
void setWheelAction(WheelAction action)不按修饰键的鼠标滚轮执行的操作。
ControlsVisibility controlsVisibility() const内置缩放工具条的可见性策略。
bool isZoomIndicatorEnabled() const工具条隐藏时,直接缩放输入是否短暂显示缩放比例。
void setZoomIndicatorEnabled(bool enabled)工具条隐藏时,直接缩放输入是否短暂显示缩放比例。
bool isFrameVisible() const查看器是否绘制圆角背景和边框。
void setFrameVisible(bool visible)查看器是否绘制圆角背景和边框。
Qt::TransformationMode transformationMode() const缩放图片时的采样方式;Fast 可保持单个像素清晰。
void setTransformationMode(Qt::TransformationMode mode)缩放图片时的采样方式;Fast 可保持单个像素清晰。
void zoomIn(bool animated = false)以视口中心为锚点放大到下一个预设档位。
void zoomOut(bool animated = false)以视口中心为锚点缩小到上一个预设档位。
void zoomTo(qreal factor, bool animated = false)以视口中心为锚点缩放到指定因子。
void zoomTo(qreal factor, const QPointF& viewportAnchor, bool animated = false)缩放到指定因子,并保持视口位置下的图片点不动。
void zoomToActualSize(bool animated = false)以视口中心为锚点按 100% 显示图片。
void fitToView(bool animated = false)让整张图片适应视口,并在尺寸变化时保持适应。
void resetView(bool animated = false)回到初始视图:大图缩小适应,小图保持 100%。
void panBy(qreal dx, qreal dy)按视口像素移动可见区域;正值显示更右侧和更下方的内容。
QPointF mapToImage(const QPointF& viewportPoint) const将视口坐标映射为设备无关的图片坐标。
QPointF mapFromImage(const QPointF& imagePoint) const将设备无关的图片坐标映射为视口坐标。
信号
void pixmapChanged()查看器显示的图片;设置新图片会复位视图。
void zoomFactorChanged(qreal factor)当前缩放因子;1.0 为图片的设备无关尺寸。
void minZoomFactorChanged(qreal factor)最小缩放因子;低于它的适应比例仍然可以到达。
void maxZoomFactorChanged(qreal factor)最大缩放因子;高于它的适应比例仍然可以到达。
void viewCenterChanged(const QPointF& center)显示在视口中心的图片坐标点,单位为设备无关的图片像素。
void fitModeChanged(fluent::scrolling::ImageViewer::FitMode mode)视口尺寸变化时视图是否跟随适应规则。
void controlsVisibilityChanged(fluent::scrolling::ImageViewer::ControlsVisibility visibility)内置缩放工具条的可见性策略。
void zoomIndicatorEnabledChanged(bool enabled)工具条隐藏时,直接缩放输入是否短暂显示缩放比例。
void frameVisibleChanged(bool visible)查看器是否绘制圆角背景和边框。
void transformationModeChanged(Qt::TransformationMode mode)缩放图片时的采样方式;Fast 可保持单个像素清晰。
枚举
enum class FitMode视图遵循的适应规则。
Manual保持缩放因子和视图中心。Contain完整适应视口,小图也会放大。ScaleDown大图缩小适应,小图保持 100%。
enum class WheelAction不按修饰键的鼠标滚轮动作。
Zoom围绕指针缩放。Pan平移;没有范围时交给父控件。
enum class ControlsVisibility缩放工具条的可见性策略。
Hidden始终隐藏。Auto悬停、聚焦或拖动时显示。Visible设置图片后始终显示。
析构函数
子类扩展接口
方法
继承自 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 = 0Dark = 1HighContrast = 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 bind(const char* targetProp, QObject* source, const char* sourceProp, PropertyBinder::Direction dir = PropertyBinder::OneWay)将 source 属性绑定到 QWidget 宿主上的 target 属性。
BindingHandle bindManaged(const char* targetProp, QObject* source, const char* sourceProp, PropertyBinder::Direction direction = PropertyBinder::OneWay, BindingOptions options = {})在当前 QWidget 宿主上安装可管理的直接绑定。
BindingHandle bindComputed(const char* targetProp, const QVector<BindingDependency>& dependencies, std::function<QVariant()> evaluate, BindingOptions options = {})在当前 QWidget 宿主上安装使用显式依赖的 C++ 表达式绑定。
void setBehavior(const char* propertyName, const PropertyAnimation& animation)设置宿主受管理属性写入时使用的默认动画。
void clearBehavior(const char* propertyName)移除后续受管理写入使用的默认动画。
bool writeProperty(const char* propertyName, const QVariant& value)通过 Behavior 写入宿主属性,且不移除该属性的绑定。
Qt 基类完整成员:QWidget