Display, content, and media
Native Qt
Model View 3D
An interactive Qt Quick 3D model viewport with orbit, zoom, lighting, fit, and status events.
Usage
Ruby example
Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.
model_view_3d "assets/engine.glb", width: 520, height: 420, interactive: true, auto_rotate: true
API
Component properties
26 component-specific values, plus shared item and layout properties.
sourceSource configuration for Model View 3D.propertywidthWidth configuration for Model View 3D.propertyheightHeight configuration for Model View 3D.propertybackgroundBackground configuration for Model View 3D.propertyrotation_xRotation x configuration for Model View 3D.propertyrotation_yRotation y configuration for Model View 3D.propertyrotation_zRotation z configuration for Model View 3D.propertyzoomZoom configuration for Model View 3D.propertyminimum_zoomMinimum zoom configuration for Model View 3D.propertymaximum_zoomMaximum zoom configuration for Model View 3D.propertyinteractiveInteractive configuration for Model View 3D.propertyauto_rotateAuto rotate configuration for Model View 3D.propertyauto_rotate_speedAuto rotate speed configuration for Model View 3D.propertyreset_revisionReset revision configuration for Model View 3D.propertyfield_of_viewField of view configuration for Model View 3D.propertycamera_distanceCamera distance configuration for Model View 3D.propertyfit_sizeFit size configuration for Model View 3D.propertymodel_scaleModel scale configuration for Model View 3D.propertycenter_xCenter x configuration for Model View 3D.propertycenter_yCenter y configuration for Model View 3D.propertycenter_zCenter z configuration for Model View 3D.propertykey_light_colorKey light color configuration for Model View 3D.propertyfill_light_colorFill light color configuration for Model View 3D.propertylight_brightnessLight brightness configuration for Model View 3D.propertyantialiasingAntialiasing configuration for Model View 3D.propertyvisibleVisible configuration for Model View 3D.propertyShow 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction
Events
Subscribe with on widget, :event and keep behavior in Ruby.
↗
clickNative event payload↗
double_clickNative event payload↗
rotation_changeNative event payload↗
zoom_changeNative event payload↗
loadedNative event payload↗
errorNative event payload↗
statusNative event payload