Delphi, C++ Builder & .NET Część sgcUI

sgcDashboard, pulpity i karty KPI dla Delphi, C++ Builder & .NET

Zbuduj pulpit biznesowy bez kodu układu. Upuść kafelki na siatkę o 12 kolumnach, umieść w każdym kartę KPI, wykres, mapę lub podgląd raportu, przełącz cały ekran na ciemny motyw jedną właściwością i pozwól użytkownikom przeciągać, zmieniać rozmiar i zapisywać własny układ.

VCL, FireMonkey, WinForms, WPF, AvaloniaSiatka kafelków o 12 kolumnach z auto-flowKarty KPI jako PNG lub SVG, także w Linux64W sgcUI Professional
Demo Basic: kafelki pulpitu i karty KPI w responsywnej siatce

Wszystko, czego potrzebuje pulpit

Jedenaście możliwości w czterech grupach, z prawdziwymi nazwami komponentów i właściwości oraz linkiem do każdego tematu pomocy. Funkcje oznaczone jako Registered nie wchodzą w skład bezpłatnej wersji .NET Community.

Układ i zawartość

Siatka, która sama układa kafelki, i karty pokazujące liczby.

Demo Basic sgcDashboard z sześcioma kafelkami i czterema kartami KPI na siatce o 12 kolumnach

Układ i zawartość

Responsywna siatka kafelków bez kodu układu

Pulpit to siatka kafelków, która musi pozostać uporządkowana przy każdym rozmiarze okna i każdym DPI. Upuść pulpit na formularz, dodaj kafelki i nadaj każdemu kolumnę, wiersz i rozpiętość. Siatka wylicza szerokości kolumn z dostępnej szerokości, skaluje odstępy i wysokości wierszy według DPI monitora i przewija się w pionie, gdy kafelki potrzebują więcej wierszy, niż się mieści. Nakładające się kafelki są przesuwane o wiersz w dół, nigdy jeden na drugim. Ponieważ układ mieszka w jednym silniku, te same komórki kafelków dają ten sam układ w VCL, FireMonkey i widokach .NET.

  • TsgcVCLDashboard z Columns (domyślnie 12), RowHeight (120), Gap i Padding (12)
  • TsgcVCLDashboardTile z Col, Row, ColSpan i RowSpan
  • Ukryty kafelek (Visible False) nie zajmuje komórki
  • Umieszczone komórki i prostokąty można odczytać z Layout.PlacedCell i Layout.Rect
Przeczytaj temat pomocy
Pulpit z czterema kafelkami KPI z wykresami sparkline, dziennikiem zdarzeń i listą serwerów

Układ i zawartość

Dodaj kafelki i pozwól auto-flow je rozmieścić

Gdy zawartość pulpitu zależy od użytkownika lub danych, nie chcesz wyliczać współrzędnych. Zostaw kolumnę i wiersz kafelka równe -1, a auto-flow umieści go w pierwszym wolnym miejscu, skanując wiersze od góry i kolumny od lewej. Ustal tylko kolumnę, a kafelek trafi do pierwszego wolnego wiersza w tej kolumnie. Mieszaj kafelki o stałym i płynnym położeniu na tym samym pulpicie.

  • AutoFlow jest domyślnie włączone; nowy kafelek zaczyna od Col i Row równych -1 i rozpiętości 3 na 2
  • Jawne komórki są umieszczane najpierw, płynące kafelki wypełniają pozostałe miejsce
  • Rozpiętości są przycinane, więc kafelek nigdy nie wychodzi poza ostatnią kolumnę
  • Ten sam silnik układu, TsgcDashboardLayout, napędza VCL, FireMonkey i .NET
  • Od prawej do lewej dla arabskiego i hebrajskiego: kafelki układają się od prawej, a nagłówki kafelków i karty KPI są odbite lustrzanie, podczas gdy strzałki trendu i wykresy sparkline zachowują swój kierunek
Przeczytaj temat pomocy
Kafelki pulpitu z mapą, przeglądarką PDF i podglądem raportu

Układ i zawartość

Umieść dowolną kontrolkę w kafelku

Kafelek to kontener z opcjonalnym nagłówkiem, więc gości wszystko, czego potrzebuje Twój ekran: wykres, siatkę, mapę, przeglądarkę PDF, podgląd raportu lub zwykłe memo. Ustaw rodzica kontrolki na kafelek i wyrównaj ją do obszaru klienta. Demo Suite hostuje sgcCharts, sgcMaps, sgcPDF i sgcReports na jednym pulpicie, wszystkie zgodne z motywem pulpitu. Kafelek może zrezygnować z nagłówka dla czystego wykresu na całą powierzchnię albo zachować go jako pasek tytułu. Pulpit rośnie o kolejne wiersze i przewija się w pionie w miarę dodawania kafelków.

  • Title i ShowHeader w każdym kafelku
  • ParentTheme pozwala kafelkowi podążać za pulpitem albo zachować własny Theme
  • Kontrolki sgcUI w kafelku przejmują jasny lub ciemny motyw
  • Działa tak samo z TsgcFMXDashboardTile w FireMonkey
Przeczytaj temat pomocy
Cztery karty KPI z wartościami, strzałkami trendu i wykresami sparkline

Układ i zawartość

Karty KPI z trendem i wykresem sparkline

Każdy pulpit zaczyna się od rzędu liczb, które się liczą: przychód, zamówienia, odpływ klientów, czas odpowiedzi. Karta KPI pokazuje wartość dużą czcionką, ikonę, strzałkę trendu z tekstem, linię stopki i mały wykres sparkline z ostatnich wartości, w jednym komponencie. Wywołuj AddValue, gdy napływają nowe liczby, a sparkline się przewija; MaxPoints decyduje, ile historii zachować. AccentColor pozwala pokolorować kartę zgodnie z tym, co mierzy, a karta podąża za jasnym lub ciemnym motywem pulpitu, w którym leży.

  • TsgcVCLKPICard z Title, Value, Icon, FooterText i AccentColor
  • Trend: ktUp, ktDown lub ktNeutral, z tekstem TrendValue
  • AddValue, ClearValues i MaxPoints dla wykresu sparkline
  • AddValue jest bezpieczne wątkowo, więc może go zasilać wątek roboczy
Przeczytaj temat pomocy

Układy użytkowników i dane na żywo

Pozwól użytkownikom ułożyć własną stronę startową, zachować ją i zasilać ją z sieci.

Układy użytkowników i dane na żywo Tylko zarejestrowana

Użytkownicy przeciągają kafelki i zmieniają ich rozmiar

Na wspólnej stronie startowej każdy użytkownik chce mieć na wierzchu inne liczby. Włącz przeciąganie, a użytkownik przesunie kafelek za nagłówek; włącz zmianę rozmiaru, a uchwyt w rogu zmieni jego rozpiętość. Gdy mysz się porusza, pod kafelkami rysowana jest komórka docelowa, a kafelek przyciąga się do siatki. Escape anuluje. Kafelki oznaczone jako zablokowane nigdy się nie ruszają. Połącz to z zapisywanymi układami poniżej, a każdy użytkownik zachowa ułożoną stronę startową, podczas gdy Ty nadal decydujesz, które kafelki istnieją.

  • AllowDrag i AllowResize w pulpicie
  • Locked w kafelku zatrzymuje go na miejscu
  • OnLayoutChanged wywoływane po każdym przeciągnięciu lub zmianie rozmiaru
  • To samo zachowanie w pulpicie FireMonkey

Community buduje stały układ z kodu; przeciąganie i zmiana rozmiaru w czasie działania są w edycji Registered.

Przeczytaj temat pomocy

Układy użytkowników i dane na żywo Tylko zarejestrowana

Zapisz układ każdego użytkownika i przywróć go

Układ ułożony przez użytkownika musi wrócić po restarcie. Jedno wywołanie zapisuje parametry siatki oraz, dla każdego nazwanego kafelka, jego komórkę i widoczność jako zwarty JSON; drugie go stosuje. Kafelki są dopasowywane po nazwie, nieznane nazwy są ignorowane, a kafelki nieobecne w tekście zachowują swoje komórki, więc starszy zapisany układ nadal się wczyta po dodaniu kafelka w nowej wersji. JSON jest mały i czytelny, więc możesz dostarczyć domyślny układ z aplikacją i dać przycisk resetu, który wczyta go ponownie.

  • SaveLayout i LoadLayout zwracają i stosują ciąg JSON
  • SaveLayoutToFile, LoadLayoutFromFile, SaveLayoutToStream, LoadLayoutFromStream
  • UTF-8 bez BOM przy zapisie, BOM jest pomijany przy wczytywaniu
  • Przechowuj ciąg dla każdego użytkownika w pliku, rejestrze lub bazie danych
Przeczytaj temat pomocy

Układy użytkowników i dane na żywo Tylko zarejestrowana

Wskaźniki KPI na żywo prosto z sieci

Ekrany operacyjne pokazują wartości zmieniające się co sekundę. Most sgcDashboardWS odczytuje liczbę z każdej wiadomości JSON klienta sgcWebSockets i wpycha ją do karty, wraz z wykresem sparkline. Strzałka trendu sama podąża za poprzednią wartością. W Delphi 2010 i nowszych aktualizacje tekstu działają w głównym wątku, więc klient może używać dowolnego trybu wątkowania. Wiadomości, które nie są poprawnym JSON lub których ścieżka nie jest liczbą, są ignorowane, więc zaszumione źródło nigdy nie psuje ekranu.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT (z Topic) i TsgcDashboardSource_SSE
  • ValuePath taka jak data.items[0].value, ValueFormat domyślnie %.2f
  • TitlePath i TrendValuePath kopiują do karty więcej pól
  • Zdarzenie OnValue po każdej aktualizacji

Most wymaga sgcWebSockets. W edycji Community zasilaj karty z kodu przez Value i AddValue.

Przeczytaj temat pomocy

Motywy, obrazy i platformy

Jeden wygląd na całym ekranie, te same karty jako obrazy, ten sam projekt na każdej platformie.

Kafelki sgcDashboard z wykresami sparkline KPI, wykresem na żywo, mapą, przeglądarką PDF i podglądem raportu w ciemnym motywie

Motywy, obrazy i platformy

Jedna właściwość nadaje motyw całemu pulpitowi

Ciemna dyspozytornia i jasne biuro potrzebują tego samego ekranu w dwóch wyglądach. Ustaw motyw pulpitu, a obejmie każdy kafelek, każdą kartę KPI i kontrolki sgcUI w nich, więc wykresy, wskaźniki zegarowe i siatki przełączają się razem. Typ motywu jest ten sam, którego używa każdy produkt sgcUI, więc cała aplikacja może podążać za jednym ustawieniem. Kafelki, które mają się wyróżniać, mogą zachować własny motyw, podczas gdy reszta pulpitu podąża za globalnym.

  • Theme := utDark lub utLight w pulpicie
  • Kafelki podążają przez ParentTheme albo zachowują własny Theme
  • Karty KPI i obrazy KPI bez interfejsu używają tej samej palety
  • Zmieniaj w czasie działania, na przykład przełącznikiem dnia i nocy
Przeczytaj temat pomocy

Motywy, obrazy i platformy

Karty KPI jako obrazy do e-maili i WWW

Liczby z pulpitu bywają potrzebne gdzie indziej: w porannym raporcie e-mailem, na stronie intranetu lub w PDF. TsgcDashboardKPI renderuje tę samą kartę bez okna i bez VCL czy FireMonkey, więc może ją wytworzyć program konsolowy, usługa Windows lub serwer Linux64. Szerokość i wysokość są w pikselach logicznych, a współczynnik skali daje ostre obrazy o wysokim DPI. Użyj tego w raportach cyklicznych: zbuduj karty z tych samych zapytań, których używa pulpit, i dołącz obrazy do wiadomości.

  • SaveToPNG do pliku lub strumienia, na przykład 320 na 160 w skali 2 daje obraz 640 na 320
  • SaveToSVG dla ostrego wyjścia wektorowego
  • Card.KPI.SaveToPNG zapisuje to, co pokazuje karta na ekranie
  • Buduje się na każdej platformie, także Linux64
Przeczytaj temat pomocy

Motywy, obrazy i platformy

Ten sam pulpit na desktopie, urządzeniach mobilnych i w .NET

Napisz pulpit raz i użyj projektu ponownie. Pulpit FireMonkey, kafelki i karty KPI działają w Windows, macOS, iOS i Android, a port .NET oferuje te same klasy dla WinForms, WPF i Avalonia. Ponieważ jeden silnik układu wylicza komórki wszędzie, zapisany układ znaczy to samo na każdej platformie. Dema są dostarczane w tym samym zestawie dla każdej platformy: Basic, LiveKPI, SaveLayout i Suite dla Delphi i C++ Builder oraz wersje WinForms, WPF i Avalonia w .NET.

  • TsgcFMXDashboard, TsgcFMXDashboardTile, TsgcFMXKPICard
  • TsgcWinFormsDashboard, TsgcWinFormsKPICard i ich odpowiedniki WPF i Avalonia
  • Delphi 7 do 13 VCL, FireMonkey od XE6, C++ Builder 2007 do 13
  • .NET Framework 4.7.2, .NET 8, .NET 9 i .NET 10
Przeczytaj temat pomocy

Dostępność

UI Automation dla czytników ekranu, klawiatura i wysoki kontrast, bez konfiguracji.

Dostępność

Poruszaj się po kafelkach i zmieniaj ich układ bez myszy

sgcDashboard udostępnia Microsoft UI Automation pulpit i jego kafelki wraz z tytułami i położeniem, kontrolkę umieszczoną w każdym kafelku oraz karty KPI z tytułem, wartością, jednostką i trendem.

  • Strzałki przechodzą między kafelkami, Home i End przechodzą do pierwszego lub ostatniego kafelka, a Enter przenosi fokus do kafelka z fokusem
  • Ctrl+Shift+strzałki przesuwają kafelek (AllowDrag), a Alt+Shift+strzałki zmieniają jego rozmiar (AllowResize), chyba że pulpit jest zablokowany
  • Pulpit znajduje się w kolejności tabulacji i pokazuje widoczny wskaźnik fokusu
  • W motywie wysokiego kontrastu systemu Windows obramowanie kafelków używa kolorów systemowych, a kolory akcentu i trendu kart KPI są zastępowane kolorami systemowymi

Dostępność jest domyślnie włączona w każdej edycji, łącznie z bezpłatną edycją Community, w VCL w każdej wersji Delphi i C++Builder od Delphi 7 do Delphi 13, w FireMonkey w systemie Windows oraz w WinForms, WPF i Avalonia. W Delphi i C++Builder właściwości AccessibleName i AccessibleDescription ustawiają nazwę i opis udostępniane UI Automation, a w .NET to samo robią standardowa nazwa dostępności i tekst pomocy każdego frameworka. Zobacz raporty zgodności dotyczące dostępności.

Przeczytaj temat pomocy

Zobacz sgcDashboard w akcji

sgcDashboard w demach pakietu sgcUI: kompletne aplikacje działające offline na wbudowanych danych symulowanych.

Kto buduje z sgcDashboard

Pulpity zarządcze i sprzedażowe w ERP

Strona startowa ERP pokazuje przychód, otwarte zamówienia, zaległe faktury i odpływ klientów jako karty KPI ze strzałkami trendu, a poniżej w kafelkach wykres sprzedaży i siatkę najlepszych klientów. Co noc usługa renderuje te same karty jako PNG do e-maila dla zarządu, z tymi samymi liczbami i kolorami co na ekranie.

  • Karty KPI
  • Dowolna kontrolka w kafelku
  • Obrazy KPI bez interfejsu
  • Motywy
Uruchom demo Suite

Dyspozytornie operacyjne i IoT

Ekran ścienny w zakładzie pokazuje przepustowość linii, temperatury i liczby alarmów. Źródła MQTT wpychają każdy odczyt do jego karty w chwili nadejścia, wykresy sparkline pokazują ostatnie minuty, a ciemny motyw oszczędza oczy w nocy. Wskaźniki zegarowe i wykresy w sąsiednich kafelkach podążają za tym samym motywem.

  • Źródło MQTT
  • Wykresy sparkline
  • Ciemny motyw
  • Wskaźniki zegarowe w kafelkach
Uruchom demo LiveKPI

Osobiste strony startowe w desktopowych klientach SaaS

W kliencie desktopowym używanym przez wiele ról każdy użytkownik przeciąga na górę kafelki, które mają znaczenie, zmienia rozmiar najczęściej oglądanego wykresu i ukrywa resztę. Układ jest zapisywany jako JSON dla każdego użytkownika i przywracany przy następnym logowaniu, a nowe kafelki dodane w aktualizacji po prostu wpływają w wolne miejsce.

  • Przeciąganie i zmiana rozmiaru
  • SaveLayout i LoadLayout
  • Auto-flow
Uruchom demo SaveLayout

A KPI Dashboard in a Few Lines

The same API in Delphi, C++ Builder and C#: tiles on the grid, a KPI card with a sparkline in each, a dark theme and a saved layout. Dragging and layout files need the Registered edition.

Tiles on the 12 column grid with a KPI card in each, a dark theme, and the layout saved to a file. Dragging and layout files need the Registered edition.

uses
  SysUtils, Controls, sgcUICore_Theme, sgcDashboard_KPI, sgcDashboard_VCL, sgcDashboard_KPI_VCL;
procedure AddKPI(aDash: TsgcVCLDashboard; const aName, aTitle, aValue,
  aChange: string; aCol: Integer; aTrend: TsgcDashboardKPITrend);
var
  oTile: TsgcVCLDashboardTile;
  oCard: TsgcVCLKPICard;
begin
  oTile := TsgcVCLDashboardTile.Create(aDash.Owner);
  oTile.Name := aName;
  oTile.Parent := aDash;
  oTile.Col := aCol;
  oTile.ColSpan := 4;
  oTile.Title := aTitle;
  oCard := TsgcVCLKPICard.Create(aDash.Owner);
  oCard.Parent := oTile;
  oCard.Align := alClient;
  oCard.Value := aValue;
  oCard.Trend := aTrend;
  oCard.TrendValue := aChange;
  oCard.AddValue(47);
  oCard.AddValue(52);
end;
procedure BuildDashboard(aOwner: TWinControl);
var
  oDash: TsgcVCLDashboard;
begin
  oDash := TsgcVCLDashboard.Create(aOwner);
  oDash.Parent := aOwner;
  oDash.Align := alClient;
  // drag, resize and layout files need the Registered edition
  oDash.AllowDrag := True;
  AddKPI(oDash, 'tileRevenue', 'Revenue', '12,480 USD', '+4.2 %', 0, ktUp);
  AddKPI(oDash, 'tileOrders', 'Orders', '1,284', '+8.1 %', 4, ktUp);
  oDash.Theme := utDark;
  if FileExists('layout.json') then
    oDash.LoadLayoutFromFile('layout.json');
  oDash.SaveLayoutToFile('layout.json');
end;

Przeczytaj temat pomocy →

The same dashboard in C++ Builder with the generated headers.

#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcDashboard_KPI.hpp"
#include "sgcDashboard_VCL.hpp"
#include "sgcDashboard_KPI_VCL.hpp"

void AddKPI(TsgcVCLDashboard *aDash, const String aName, const String aTitle,
  const String aValue, const String aChange, int aCol,
  TsgcDashboardKPITrend aTrend)
{
  TsgcVCLDashboardTile *oTile = new TsgcVCLDashboardTile(aDash->Owner);
  oTile->Name = aName;
  oTile->Parent = aDash;
  oTile->Col = aCol;
  oTile->ColSpan = 4;
  oTile->Title = aTitle;
  TsgcVCLKPICard *oCard = new TsgcVCLKPICard(aDash->Owner);
  oCard->Parent = oTile;
  oCard->Align = alClient;
  oCard->Value = aValue;
  oCard->Trend = aTrend;
  oCard->TrendValue = aChange;
  oCard->AddValue(47);
  oCard->AddValue(52);
}

void BuildDashboard(TWinControl *aOwner)
{
  TsgcVCLDashboard *oDash = new TsgcVCLDashboard(aOwner);
  oDash->Parent = aOwner;
  oDash->Align = alClient;
  // drag, resize and layout files need the Registered edition
  oDash->AllowDrag = true;
  AddKPI(oDash, "tileRevenue", "Revenue", "12,480 USD", "+4.2 %", 0, ktUp);
  AddKPI(oDash, "tileOrders", "Orders", "1,284", "+8.1 %", 4, ktUp);
  oDash->Theme = utDark;
  if (FileExists("layout.json"))
    oDash->LoadLayoutFromFile("layout.json");
  oDash->SaveLayoutToFile("layout.json");
}

Przeczytaj temat pomocy →

The WinForms version in C#, with the same class names as Delphi.

using System.Windows.Forms;
using esegece.sgcDashboard;
using esegece.sgcUICore;

public static class KpiDashboard
{
    // One KPI tile with a sparkline, placed on the dashboard grid.
    static void AddKPI(TsgcWinFormsDashboard aDash, string aName, string aTitle,
        string aValue, string aChange, int aCol, TsgcDashboardKPITrend aTrend)
    {
        var oTile = new TsgcWinFormsDashboardTile();
        oTile.Name = aName;
        oTile.Title = aTitle;
        oTile.Col = aCol;
        oTile.ColSpan = 4;
        var oCard = new TsgcWinFormsKPICard();
        oCard.Dock = DockStyle.Fill;
        oCard.Value = aValue;
        oCard.Trend = aTrend;
        oCard.TrendValue = aChange;
        oCard.AddValue(47);
        oCard.AddValue(52);
        oTile.Controls.Add(oCard);
        aDash.Controls.Add(oTile);
    }

    public static void Build(Form aForm)
    {
        var oDash = new TsgcWinFormsDashboard();
        oDash.Dock = DockStyle.Fill;
        oDash.Theme = TsgcUITheme.utDark;
        oDash.AllowDrag = true; // drag and layout files: Registered edition
        AddKPI(oDash, "tileRevenue", "Revenue", "12,480 USD", "+4.2 %", 0, TsgcDashboardKPITrend.ktUp);
        AddKPI(oDash, "tileOrders", "Orders", "1,284", "+8.1 %", 4, TsgcDashboardKPITrend.ktUp);
        AddKPI(oDash, "tileChurn", "Churn", "2.4 %", "-0.3 %", 8, TsgcDashboardKPITrend.ktDown);
        aForm.Controls.Add(oDash);
        if (System.IO.File.Exists("layout.json"))
            oDash.LoadLayoutFromFile("layout.json");
        oDash.SaveLayoutToFile("layout.json");
    }
}
dotnet add package esegece.sgcDashboard.WinForms

Przeczytaj temat pomocy →

Uruchom dema sgcDashboard

Cztery dema dla Delphi i C++ Builder oraz sześć dla .NET, wszystkie w pobieraniu skompilowanych dem.

Basic

Basic

Sześć kafelków i cztery karty KPI na siatce o 12 kolumnach, z dziennikiem i listą w pozostałych kafelkach. Najszybszy sposób, by zobaczyć silnik układu i przełączanie motywu.

Tylko zarejestrowana LiveKPI

Karty KPI zasilane mostem sgcDashboardWS, z tykającymi wartościami i rosnącymi wykresami sparkline w miarę napływu wiadomości. Wymaga sgcWebSockets.

Tylko zarejestrowana SaveLayout

Przeciągaj kafelki za nagłówek, zmieniaj ich rozmiar uchwytem, zapisz układ do JSON, uruchom demo ponownie i zobacz, jak wraca.

Suite

Wykres, mapa, przeglądarka PDF, podgląd raportu i karty KPI z innych produktów sgcUI na jednym pulpicie z motywem.

Dema .NET

Basic, BasicWpf, BasicAvalonia, LiveKPI, SaveLayout i Suite dla WinForms, WPF i Avalonia.

Skompilowane dema

Gotowe do uruchomienia pliki wykonywalne każdego produktu sgcUI, nic nie trzeba instalować.

Pobierz sgcUI_bin.zip →

Gdzie jest sgcDashboard

sgcDashboard wchodzi w skład sgcUI Professional i Enterprise, a jest też sprzedawany osobno. sgcDashboard jest również w pakiecie All-Access.

Pojedynczy pakiet sgcDashboard

€199 / programista, pełny kod źródłowy, 1 rok aktualizacji.

Kup sgcDashboard → Zobacz cennik →

sgcUI Professional

Standard plus sgcDashboard, sgcCharts i sgcGauges, od €529.

Zobacz Professional →

sgcUI Enterprise

Wszystkie produkty sgcUI (14), od €699.

Zobacz Enterprise →

Bezpłatna edycja Community (esegece.sgcDashboard.Community w NuGet) zawiera siatkę, kafelki, karty KPI z wykresami sparkline, PNG i SVG bez interfejsu oraz motywy. Nie zawiera przeciągania i zmiany rozmiaru w czasie działania, SaveLayout i LoadLayout ani mostu sgcDashboardWS.

FunkcjaCommunity (bezpłatna)Zarejestrowana
Siatka kafelków z rozpiętościami i auto-flow✓✓
Karty KPI z trendem i wykresem sparkline✓✓
Jasny i ciemny motyw✓✓
Karty KPI bez interfejsu jako PNG i SVG✓✓
Przeciąganie i zmiana rozmiaru kafelków w czasie działania−✓
SaveLayout i LoadLayout−✓
Źródła na żywo sgcDashboardWS (WebSocket, MQTT, SSE)−✓

Obsługiwane frameworki i platformy

Komponenty w sgcDashboard

KomponentCzym jest
TsgcVCLDashboard, TsgcFMXDashboardKontener siatki dla VCL i FireMonkey.
TsgcVCLDashboardTile, TsgcFMXDashboardTileKafelek z tytułem, który gości dowolną kontrolkę.
TsgcVCLKPICard, TsgcFMXKPICardKarta KPI z trendem, stopką i wykresem sparkline.
TsgcDashboardKPINiezależna od frameworka karta KPI bez interfejsu z eksportem PNG i SVG.
TsgcDashboardLayoutSilnik układu, dostępny także w Linux64.
TsgcDashboardSource_WebSocket, _MQTT, _SSEŹródła KPI na żywo mostu sgcDashboardWS (tylko Registered).
CelKomponentPlatformy
Delphi 7 do 13, VCLTsgcVCLDashboardWin32 i Win64
Delphi XE6 do 13, FireMonkeyTsgcFMXDashboardWindows, macOS, iOS i Android
C++ Builder 2007 do 13TsgcVCLDashboard, TsgcFMXDashboardWygenerowane nagłówki .hpp i biblioteki statyczne
Delphi 10.2 do 13, niezależnie od frameworkaTsgcDashboardLayout, TsgcDashboardKPILinux64, silnik układu i karty KPI bez interfejsu
.NET Framework 4.7.2, .NET 8, 9 i 10TsgcWinFormsDashboard, odpowiedniki WPF i AvaloniaWinForms, WPF i Avalonia

Najczęściej zadawane pytania

Tak, w edycji Registered. AllowDrag i AllowResize pozwalają użytkownikom przesuwać kafelki za nagłówek i zmieniać ich rozmiar uchwytem, a SaveLayoutToFile lub SaveLayout zapisują wynik jako JSON. LoadLayout przywraca go według nazwy kafelka, więc układy przetrwają nowe wersje Twojej aplikacji.

Każda. Kafelek to kontener: ustaw rodzica kontrolki na kafelek i wyrównaj ją do obszaru klienta. Demo Suite hostuje wykres, mapę, przeglądarkę PDF i podgląd raportu, a kontrolki sgcUI w kafelku podążają za motywem pulpitu.

Z kodu ustaw Value i wywołaj AddValue, co jest bezpieczne wątkowo. Z edycją Registered i sgcWebSockets źródła sgcDashboardWS odczytują liczbę z każdej wiadomości WebSocket, MQTT lub SSE przez ValuePath i same aktualizują kartę oraz jej trend.

Pulpity i kafelki, układ siatki z auto-flow, karty KPI z wykresami sparkline, PNG i SVG bez interfejsu oraz motywy. Nie zawiera przeciągania i zmiany rozmiaru w czasie działania, SaveLayout i LoadLayout ani mostu sgcDashboardWS. Zobacz Edycje.

Tak. TsgcFMXDashboard, jego kafelki i karty KPI działają w FireMonkey od Delphi XE6 w Windows, macOS, iOS i Android, z tym samym silnikiem układu co pulpit VCL. Rozmiary są niezależne od urządzenia i podążają za skalą formularza.

Tak. TsgcDashboardKPI rysuje kartę bez okna i bez VCL czy FireMonkey oraz zapisuje PNG lub SVG do pliku lub strumienia. Buduje się na każdej platformie, także Linux64, więc usługa lub serwer WWW może wytwarzać obrazy.

Tak. Wszystkie rozmiary są w pikselach niezależnych od urządzenia. Pulpit VCL skaluje je przez PPI monitora podzielone przez 96, a pulpit FireMonkey przez skalę formularza, więc kafelki, odstępy i wysokości wierszy zachowują proporcje na każdym monitorze.

Pomoc sgcDashboard

3,000+Programistów
20+Lat
761+Komponentów
30+Integracji API
5Platform
30-dniowa gwarancja zwrotu pieniędzyNie jesteś zadowolony? Poproś o pełny zwrot pieniędzy w ciągu 30 dni od zakupu. Zobacz politykę zwrotów

Wypróbuj sgcDashboard już dziś

Wersja próbna sgcUI zawiera sgcDashboard i każdy inny produkt sgcUI.