API: Basic Controls

API-referenca za osnovne UI-kontrole.

TWvdSLabel

Prikaz teksta bez interakcije.

Namespace

WvdS.UI.Controls.Basic

Sintaksa

TWvdSLabel = class(TWvdSControl)

PXAML

<Label Text="Hello World" />
<Label Text="{Binding CustomerName}" FontWeight="Bold" />

Properties

Property Tip Default Opis
Text string | Tekst za prikaz | ^ FontWeight | TWvdSFontWeight | fwNormal | Normal, Bold | ^ FontStyle | TWvdSFontStyle | fsNormal | Normal, Italic | ^ Foreground | TWvdSColor | clDefault | Boja teksta | ^ TextWrapping | TWvdSTextWrapping | twNoWrap | NoWrap, Wrap, WrapWithOverflow | ^ TextAlignment | TWvdSTextAlignment | taLeft | Left, Center, Right | ==== Events ==== Nema (nije interaktivan). —- ===== TWvdSButton ===== Standardni gumb za korisničke akcije. ==== Namespace ==== WvdS.UI.Controls.Basic ==== Sintaksa ==== <code pascal> TWvdSButton = class(TWvdSControl) </code> ==== PXAML ==== <code xml> <Button Caption=„OK“ OnClick=„OnOkClick“ /> <Button Caption=„Save“ Command=„{Binding SaveCommand}“ IsDefault=„True“ /> <Button Caption=„Cancel“ IsCancel=„True“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Caption | string | Tekst gumba
IsDefault Boolean False Enter-tipka aktivira Click
IsCancel Boolean False Escape-tipka aktivira Click
IsEnabled Boolean True Aktiviran/Deaktiviran
Command IWvdSCommand nil Povezani Command
CommandParameter TValue nil Parametar za Command
ImageSource TWvdSImageSource nil Opcionalna ikona

Events

Event Signatura Opis
OnClick TNotifyEvent Gumb je kliknut

Primjer

procedure TMainWindow.OnSaveClick(Sender: TObject);
begin
  if ValidateForm then
    SaveData;
end;

TWvdSTextBox

Jednostavno jednolinijsko tekstualno polje.

Namespace

WvdS.UI.Controls.Basic

Sintaksa

TWvdSTextBox = class(TWvdSControl)

PXAML

<TextBox Text="{Binding Username, Mode=TwoWay}" />
<TextBox Text="" PlaceholderText="Enter name..." MaxLength="50" />
<TextBox Text="" IsReadOnly="True" />

Properties

Property Tip Default Opis
Text string | Trenutni tekst | ^ PlaceholderText | string | Placeholder tekst
MaxLength Integer 0 Max. znakova (0=neograničeno)
IsReadOnly Boolean False Samo za čitanje
IsPassword Boolean False Password-način (*)
SelectionStart Integer 0 Pozicija kursora
SelectionLength Integer 0 Broj odabranih znakova

Events

Event Signatura Opis
OnTextChanged TNotifyEvent Tekst je promijenjen
OnKeyDown TKeyEventHandler Tipka pritisnuta

TWvdSCheckBox

Potvrdni okvir za Boolean-vrijednosti.

Namespace

WvdS.UI.Controls.Basic

PXAML

<CheckBox Content="Remember me" IsChecked="{Binding RememberMe}" />
<CheckBox Content="I agree" IsThreeState="False" />

Properties

Property Tip Default Opis
Content string | Oznaka | ^ IsChecked | Boolean? | False | Checked, Unchecked, Indeterminate | ^ IsThreeState | Boolean | False | Treće stanje dopušteno | ==== Events ==== | Event | Signatura | Opis | ^ OnCheckedChanged | TNotifyEvent | Stanje promijenjeno | —- ===== TWvdSRadioButton ===== Radio gumb za međusobno isključiv odabir. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <StackPanel> <RadioButton Content=„Option A“ GroupName=„options“ IsChecked=„True“ /> <RadioButton Content=„Option B“ GroupName=„options“ /> <RadioButton Content=„Option C“ GroupName=„options“ /> </StackPanel> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Content | string | Oznaka
IsChecked Boolean False Odabrano
GroupName string | Naziv grupe | ==== Events ==== | Event | Signatura | Opis | ^ OnCheckedChanged | TNotifyEvent | Odabir promijenjen | —- ===== TWvdSImage ===== Prikaz slike. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <Image Source=„logo.png“ Width=„100“ Height=„100“ /> <Image Source=„{Binding ProductImage}“ Stretch=„Uniform“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Source | TWvdSImageSource | nil | Izvor slike | ^ Stretch | TWvdSStretch | sNone | None, Fill, Uniform, UniformToFill | ==== TUI-napomena ==== <note>U TUI-targetu koristi se Kitty Graphics ili Sixel. Fallback: Placeholder s okvirom.</note> —- ===== TWvdSProgressBar ===== Traka napretka. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <ProgressBar Value=„{Binding Progress}“ Minimum=„0“ Maximum=„100“ /> <ProgressBar IsIndeterminate=„True“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Value | Double | 0 | Trenutna vrijednost | ^ Minimum | Double | 0 | Minimalna vrijednost | ^ Maximum | Double | 100 | Maksimalna vrijednost | ^ IsIndeterminate | Boolean | False | Neodređeni način | ^ Orientation | TWvdSOrientation | oHorizontal | Horizontal, Vertical | —- ===== TWvdSSlider ===== Klizač za odabir vrijednosti. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <Slider Value=„{Binding Volume}“ Minimum=„0“ Maximum=„100“ /> <Slider Value=„50“ TickFrequency=„10“ IsSnapToTickEnabled=„True“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Value | Double | 0 | Trenutna vrijednost | ^ Minimum | Double | 0 | Minimalna vrijednost | ^ Maximum | Double | 100 | Maksimalna vrijednost | ^ SmallChange | Double | 1 | Mali korak | ^ LargeChange | Double | 10 | Veliki korak | ^ TickFrequency | Double | 0 | Razmak oznaka | ^ IsSnapToTickEnabled | Boolean | False | Hvatanje za oznake | ^ Orientation | TWvdSOrientation | oHorizontal | Horizontal, Vertical | ==== Events ==== | Event | Signatura | Opis | ^ OnValueChanged | TNotifyEvent | Vrijednost promijenjena | —- ===== TWvdSToggleButton ===== Prekidač Uklj/Isklj. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <ToggleButton IsChecked=„{Binding DarkMode}“ ContentOn=„ON“ ContentOff=„OFF“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ IsChecked | Boolean | False | Stanje Uklj/Isklj | ^ ContentOn | string | 'ON' | Tekst kad je uključeno | ^ ContentOff | string | 'OFF' | Tekst kad je isključeno | ==== Events ==== | Event | Signatura | Opis | ^ OnToggled | TNotifyEvent | Stanje promijenjeno | —- ===== TWvdSHyperlink ===== Klikabilna veza. ==== Namespace ==== WvdS.UI.Controls.Basic ==== PXAML ==== <code xml> <Hyperlink NavigateUri=„https://example.com“ Text=„Visit Website“ /> <Hyperlink Command=„{Binding OpenHelpCommand}“ Text=„Help“ /> </code> ==== Properties ==== | Property | Tip | Default | Opis | ^ Text | string | Tekst veze
NavigateUri string

PXAML

<StackPanel>
  <Button Caption="Item 1" />
  <Separator />
  <Button Caption="Item 2" />
</StackPanel>

Properties

Property Tip Default Opis
Orientation TWvdSOrientation oHorizontal Horizontal, Vertical
Stroke TWvdSBrush nil Boja linije
StrokeThickness Double 1 Debljina linije

Vidi također

Zuletzt geändert: 29.01.2026. u 22:36