added wpf examples
This commit is contained in:
81
wpf
81
wpf
@@ -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)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user