Notatka
Dostęp do tej strony wymaga autoryzacji. Może spróbować zalogować się lub zmienić katalogi.
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować zmienić katalogi.
Kontrolka używana do wyświetlania ikon Fluent UI.
Opis
Ta kontrolka renderuje ikony interfejsu użytkownika Fluent na podstawie nazwy. Za jego pomocą można łatwo utworzyć przycisk ikony i przycisk akcji z niestandardową stylizacją.
Aby wyświetlić listę ikon, przejdź do Fluent UI icons.
Właściwości klucza
| Właściwości | Opis |
|---|---|
ItemIconName |
Ikona Fluent UI, która ma być wyświetlana (zobacz ikony Fluent UI) |
IconType |
Renderuje ikonę jako typy Action button, Icon button lubIcon only |
IconSize |
Rozmiar ikony (w pikselach) |
Text |
Wyświetlany tekst (działa dla typu Action button) |
TextAlignment |
Pozycja tekstu (działa w przypadku typów Action button i Icon only) |
Tooltip |
Tekst wyświetlany w podpowiedzi, gdy użytkownik najedzie kursorem na ikonę. |
Dodatkowe właściwości
| Właściwości | Opis |
|---|---|
FontSize |
Rozmiar czcionki (działa dla typu Action button) |
IconColor |
Kolor ikony |
HoverIconColor |
Kolor ikony pojawiającej się po najechaniu kursorem |
FontColor |
Kolor czcionki |
HoverFontColor |
Kolor czcionki wyświetlany po umieszczeniu kursora |
FillColor |
Kolor wypełnienia ikony w tle (działa w przypadku typów Action button i Icon button) |
HoverFillColor |
Kolor wypełnienia wyświetlany po najechaniu kursorem (działa dla typów Action button i Icon button) |
BorderColor |
Kolor obramowania ikony (działa w przypadku typów Action button i Icon button) |
HoverBorderColor |
Kolor obramowania wyświetlanego po najechaniu kursorem |
BorderRadius |
Zaokrąglenie narożników (działa dla typów Action button i Icon button) |
Theme |
Przyjmuje ciąg JSON wygenerowany za pomocą Fluent UI Theme Designer (windows.net). Pozostawienie tego pola pustego spowoduje użycie domyślnego motywu zdefiniowanego w Power Apps. Zobacz motywy, aby uzyskać wskazówki dotyczące konfiguracji. |
AccessibilityLabel |
Czytnik ekranu aria-label |
InputEvent |
Zdarzenie do wysłania do kontroli |
Zachowanie
- Obsługuje SetFocus jako element
InputEvent.
Ograniczenia
Tego składnika kodu można używać tylko w aplikacjach kanwy i na stronach niestandardowych.