added wpf examples

This commit is contained in:
szabomarton
2024-10-11 11:15:01 +02:00
parent 0ff66b2775
commit e328bf3c49
157 changed files with 1770 additions and 0 deletions

81
wpf
View File

@@ -63,3 +63,84 @@ XAML nyelv hasznlatának előnyei
Az XAML a legegyszerűbb módszer a felhasználói felületek ábrázolására
A XAML hatékonyan dolgozik az eszközökkel
Külső és belső margók
Margin
GRID
<Grid ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
</Grid>
igatítások
Az egyes gyerekelemeket természetesen függőlegesen és vízszintesen is igazíthatjuk.
HorizontalAlignment - vízszintes igazítás
VerticalAlignment
horizontal értékei: left center right stretch
vertical: top bottom center stretch
StackPanel
Alapértelmezés szerint a benne elhelyezett elemeket egymás alá rendezve listaszerűen jeleníti meg.
<Grid>
<StackPanel Width="200" Orientation="Horizontal">
<Button Height="20" Content="button 1" Margin="10"></Button>
<Button Height="20" Content="button 2" Margin="10"></Button>
<Button Height="20" Content="button 3" Margin="10"></Button>
</StackPanel>
</Grid>
Wrappanel
elemek egymás mellett vagy alatt való megjelenítésére alkalmas.
Amennyiben egy elem nem fér el a sorba, akkor az automatikusan a kövibe kerül.
<Grid Width="200" Height="200">
<WrapPanel>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
<Ellipse Fill="Red" Height="40" Width="40"></Ellipse>
</WrapPanel>
</Grid>
DockPanel
A DockPanel a StackPanel hez és a wrappanelhez képest már összetettebb elrendezések kialakításához használható.
Használható akár a Grid vezérlőt lecserélve gyökérelemként is.
<Grid>
<DockPanel LastChildFill="True">
<Button Content="Dock=Top" DockPanel.Dock="Top" Background="Beige"></Button>
<Button Content="Dock=Right" DockPanel.Dock="Right" Background="Gold"></Button>
<Button Content="Dock=Left" Background="Beige"></Button>
<Button Content="Dock=Bottom" DockPanel.Dock="Bottom" Background="Beige"></Button>
<Image Source="cat.png" Stretch="Fill"></Image>
</DockPanel>
</Grid>
GridSplitter
A gridsplitter rácsfelosztó vezétlő használatával lehetővé válik a program futása közben a rács sorainak és oszlopainak.
A Grid vezérlőben azon sorok,illetve oszlopok közé kell elhelyeznünk, amelyeket szeretnénk átméretezhetővé tenni.
A ResizeDirection tulajdonsággal állíthatjuk be, hogy sorokat, vagy oszlopokat szeretnénk átéretezni, a resizevehavior segítségével pedig a pontos működést tudjuk beállítani.
ResizeBehavior tulajdonság
BasedOnAlignment (igazítás alapja)
CurrentAndNext (aktuális és következő)
PreviousAndCurrent (előző és aktuális)