Instalacija kontrola

Upute za instalaciju WvdS UI Control ekstenzija.

Preduvjeti

  • Visual Studio Code 1.85.0 ili noviji
  • WvdS FPC RAD Suite Core ekstenzija

Instalacija putem Marketplacea

Ovo je preporučeni način za krajnje korisnike.
  1. Otvorite VS Code
  2. Otvorite Extensions panel (Ctrl+Shift+X)
  3. Potražite WvdS UI
  4. Instalirajte željene kontrole

Instalacija putem VSIX-a

Pojedinačna ekstenzija

code --install-extension wvds-vscode-ui-button-0.1.0.vsix

Sve kontrole

# PowerShell
Get-ChildItem "*.vsix" | ForEach-Object {
    code --install-extension $_.FullName
}

Dostupni paketi

Basic Controls

Paket Sadržaj
wvds-vscode-ui-label Label
wvds-vscode-ui-button Button
wvds-vscode-ui-textbox TextBox
wvds-vscode-ui-checkbox CheckBox
wvds-vscode-ui-radiobutton RadioButton
wvds-vscode-ui-image Image
wvds-vscode-ui-progressbar ProgressBar
wvds-vscode-ui-slider Slider
wvds-vscode-ui-togglebutton ToggleButton
wvds-vscode-ui-hyperlink Hyperlink
wvds-vscode-ui-border Border
wvds-vscode-ui-separator Separator

Editor Controls

Paket Sadržaj
wvds-vscode-ui-textedit TextEdit
wvds-vscode-ui-memoedit MemoEdit
wvds-vscode-ui-spinedit SpinEdit
wvds-vscode-ui-dateedit DateEdit
wvds-vscode-ui-timeedit TimeEdit
wvds-vscode-ui-calcedit CalcEdit
wvds-vscode-ui-coloredit ColorEdit
wvds-vscode-ui-maskedit MaskEdit
wvds-vscode-ui-comboboxedit ComboBoxEdit
wvds-vscode-ui-tokenedit TokenEdit
wvds-vscode-ui-ratingcontrol RatingControl

Data Controls

Paket Sadržaj
wvds-vscode-ui-datagrid DataGrid
wvds-vscode-ui-treelist TreeList
wvds-vscode-ui-cardview CardView
wvds-vscode-ui-pivotgrid PivotGrid

Chart Controls

Paket Sadržaj
wvds-vscode-ui-chart Chart (baza)
wvds-vscode-ui-sparkline Sparkline

Gauge Controls

Paket Sadržaj
wvds-vscode-ui-circulargauge CircularGauge
wvds-vscode-ui-lineargauge LinearGauge
wvds-vscode-ui-digitalgauge DigitalGauge
wvds-vscode-ui-stateindicator StateIndicator
wvds-vscode-ui-led LED
wvds-vscode-ui-thermometer Thermometer

Nakon instalacije

Aktivacija IntelliSensea

Nakon instalacije u PXAML datotekama dostupno je:

  • Snippet dovršavanje - Upišite wvds- za prijedloge
  • Tag dovršavanje - Upišite < za listu kontrola

Korištenje snippeta

  1. Otvorite PXAML datoteku
  2. Upišite wvds-button
  3. Pritisnite Enter
  4. Button snippet se umeće
<Button
    Name="button1"
    Caption="Click Me"
    OnClick="OnButtonClick"
/>

Deinstalacija

# Pojedinačna ekstenzija
code --uninstall-extension ArmandoFilho.wvds-vscode-ui-button
 
# Sve WvdS UI ekstenzije
code --list-extensions | Where-Object { $_ -like "*wvds-vscode-ui*" } | ForEach-Object {
    code --uninstall-extension $_
}

Rješavanje problema

Ekstenzija se ne učitava

  1. Ponovno pokrenite VS Code
  2. Otvorite Developer Tools (Ctrl+Shift+I)
  3. Provjerite Console za greške

Snippeti ne rade

  1. Provjerite ima li datoteka .pxaml ekstenziju
  2. Provjerite Language Mode (mora biti PXAML)

Problemi s performansama

Kod mnogo instaliranih ekstenzija:

  1. Instalirajte samo potrebne kontrole
  2. Deaktivirajte nekorištene ekstenzije

Vidi također

Zuletzt geändert: 29.01.2026. u 22:32