zui docs v0.0.5
GitHub ↗
Foundation and layout Container Native Qt

Border Image

Border Image is a native Zui container in the foundation and layout catalog, with 14 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby
border_image "assets/frame.png",
  width: 420, height: 240,
  border_left: 24, border_top: 24,
  border_right: 24, border_bottom: 24 do
  center { label "Nine-slice frame" }
end
API

Component properties

14 component-specific values, plus shared item and layout properties.

sourceSource configuration for Border Image.property
widthWidth configuration for Border Image.property
heightHeight configuration for Border Image.property
border_leftBorder left configuration for Border Image.property
border_topBorder top configuration for Border Image.property
border_rightBorder right configuration for Border Image.property
border_bottomBorder bottom configuration for Border Image.property
horizontal_tileHorizontal tile configuration for Border Image.property
vertical_tileVertical tile configuration for Border Image.property
asynchronousAsynchronous configuration for Border Image.property
cacheCache configuration for Border Image.property
mirrorMirror configuration for Border Image.property
smoothSmooth configuration for Border Image.property
visibleVisible configuration for Border Image.property
Show 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
loadedNative event payload
errorNative event payload
statusNative event payload