Smart UI for Construct 3
Pixel Perfect Studio
  • Smart UI for Construct 3
  • Getting Started
    • Smart UI Framework
      • Framework Initialization
      • Document Flow
      • Using Smart UI Components
      • Release Notes
        • Build v1.4ed2c828
        • Build v1.3710335f
        • Build v1.595dac53
        • Build v1.143edbbc
      • Basic Setup Tutorials
      • GitHub Repository
      • Dev Discord Server
      • Gamepad Demo
      • Guandows Demo
  • FRAMEWORK ADDONS
    • Smart UI Plugin
    • Container Behavior
    • Button Behavior
    • Checkbox Behavior
    • Radio Buttons
    • Progress Bar
    • Discrete Progress
    • Scroll Bar
    • Dialogs
    • Scroll View
      • Basic Examples
    • Grid Layout
      • Basic Examples
    • Data Listener
  • MISCELLANEOUS ADDONS
    • Legends of Learning Plugin
      • Getting Started
      • Local Testing
      • Using the Test Harness
    • Newgrounds.IO Plugin
      • Getting Started
      • Login Tutorial
    • Parabolic Tween
      • Getting Started
      • Live Demo 1
      • Live Demo 2
    • Finite State Machine Plugin and Behavior
    • Antisuspend Plugin
      • Live Demo
    • Google Analytics 4
      • Getting Started
Powered by GitBook
On this page
  • Adding a Behavior
  • Main Features

Was this helpful?

  1. Getting Started
  2. Smart UI Framework

Using Smart UI Components

How to import and use a SmartUI behaviors to your project.

PreviousDocument FlowNextRelease Notes

Last updated 8 months ago

Was this helpful?

All the components are basically empty, they don't contain any of the code required to operate. Instead, the addons are the way to communicate with the framework. If you simply add a behavior to your object without adding the SmartUI plugin, it will fail to run because it coudln't find the libraries required.

By desing, you can only add one SmartUI component behavior to your objects.

Adding a Behavior

Main Features

All the SmartUI components are children of the same line of inheritance, therefore, many properties and capabilities are common.

These properties can be accessed also through ACE's, either to pick them or the change them, giving you a higher level of flexibility to customize them.

Property
Description

Enabled

Enables or disables the component. For components that hold a value, it can still be set, but the animations and event triggers won't be called.

Index

Invisible Component

Automatic color

Changes the tinting of the object to provide a visual aid when focusing. The color can't be changed, this feature is meant to provide a quick visual aid. It's recommended to be off when releasing your project.

Component's Name

The name for the component. It doesn't have to be unique in general, but if you are using composite components like Scrollbars or Dialogs, the name must be unique.

Is an integer number that influences the document flow navigation priorities. See Only available for focusable components.

Allows interactions and animations for the component, even if the visibility is turned to invisible. Opacity has no effect on this evaluation. Only available for focusable components.

It's recommended to uncheck this property on your final export, to keep the tint of the object unchanged.

Document Flow
⚠️
⚠️
ℹ️
Step 1. Select any World object
Step 2.Add a SmartUI behavior
Step 3.The Behavior properties will appear when selecting the object.