Ovládací prvky Ing. Petr Voborník, Ph.D.

Prezentace na téma: "Ovládací prvky Ing. Petr Voborník, Ph.D."— Transkript prezentace:

1 Ovládací prvky Ing. Petr Voborník, Ph.D.

2 Label (text, popisek) Text LineBreakMode Format FormattedString
HeadTruncation CharacterWrap MiddleTruncation NoWrap TailTruncation WordWrap Format BackgroundColor FontAttributes FontFamily FontSize ForegroundColor FormattedString Span

3 Image (obrázek) Source Aspect File Uri Resource Stream Fill AspectFill
AspectFit

4 Button (tlačítko) Clicked Kliknutí myší Enter/space Tap prstem
Stylus/pointer

5 Entry (jednořádkový krátký text)
Keyboard Default Chat Numeric Telephone Url IsPassword Placeholder Události TextChanged Completed

6 Editor (víceřádkový delší text)
Víceřádkové Entry

7 SearchBar (vstup pro vyhledávání textu)
Editor pro zadání hledaného textu Ikona s lupou Nativní vzhled OS

8 Switch (přepínač) IsToggled – stav Toggled – událost při změně stavu

9 Slider (posuvník) Editace číselné hodnoty (double) posunem po ose
Minimum Maximum Value Nepřesné, ale ideální pro dotykové ovládání

10 Stepper (zvyšování/snižování čísla)
Editace číselné hodnoty (double) klikáním na + či - Minimum Maximum Increment Value

11 DatePicker (výběr data)
MinimumDate MaximumDate Date DateSelected (událost)

12 TimePicker (výběr času)

13 ProgressBar (ukazatel postupu)

14 ActivityIndicator (ukazatel probíhající činnosti)
IsRunning

15 BoxView (barevný obdélník)
Color WidthRequest HeightRequest

16 WebView (webová stránka, prohlížeč)
Source UriWebViewSource HtmlWebViewSource

17 Map (mapa) Platform API Vyžaduje API keys Map Type MoveToRegion Pins
Apple Maps Google Maps Bing Maps Vyžaduje API keys Map Type Hybrid Satellite Street MoveToRegion MapSpan FromCenterAndRadius GPS Pins

18 Picker (výběr z nabídky)
Items ItemsSource SelectedIndex SelectedIndexChanged Title

19 ListView (seznam položek)
ItemsSource ItemTemplate DataTemplate Cells SelectedItem ItemSelected (událost) Scrollování

20 TableView (položky v tabulkovém řazení)
Pouze řádky Vhodné pro formuláře s více editačními prvky (např. nastavení) Zabudované scrollování Intent Data Form Menu Settings TableRoot TableSection Title Cells...

21 Předformátované položky v TableView, ListView
Cells Předformátované položky v TableView, ListView

22 TextCell Text Detail

23 ImageCell Text Detail Source (obrázek)

24 SwitchCell Text On OnChanged

25 EntryCell Label Text Placeholder Completed (událost)

26 ViewCell <ViewCell> <StackLayout Orientation="Horizontal" HorizontalOptions="Fill" Padding="15,10,15,10"> <Label Text="Zobrazit" /> <Switch HorizontalOptions="EndAndExpand" IsToggled="{Binding Zobrazit, Mode=TwoWay}" /> </StackLayout> </ViewCell> Vlastní rozložení i obsah