21-10-12, 01:28 PM
كاتب المشاركة : المخلب الجارح
Layout :DockPanel : ترتب الادوات على حواف Penal
مثال :
كود :
[color=#000000][COLOR=#007700]<[/color][color=#0000bb]Window x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]x[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][color=#dd0000]"Window1" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"300" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"300"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]DockPanel LastChildFill[/color][color=#007700]=[/color][color=#dd0000]"True"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TextBox DockPanel[/color][color=#007700].[/color][color=#0000bb]Dock[/color][color=#007700]=[/color][color=#dd0000]"Top"[/color][color=#007700]>[/color][color=#0000bb]Dock [/color][color=#007700]= [/color][color=#dd0000]"Top"[/color][color=#007700]</[/color][color=#0000bb]TextBox[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TextBox DockPanel[/color][color=#007700].[/color][color=#0000bb]Dock[/color][color=#007700]=[/color][color=#dd0000]"Bottom"[/color][color=#007700]>[/color][color=#0000bb]Dock [/color][color=#007700]= [/color][color=#dd0000]"Bottom"[/color][color=#007700]</[/color][color=#0000bb]TextBox[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TextBox DockPanel[/color][color=#007700].[/color][color=#0000bb]Dock[/color][color=#007700]=[/color][color=#dd0000]"Left"[/color][color=#007700]>[/color][color=#0000bb]Dock [/color][color=#007700]= [/color][color=#dd0000]"Left"[/color][color=#007700]</[/color][color=#0000bb]TextBox[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TextBox Background[/color][color=#007700]=[/color][color=#dd0000]"White"[/color][color=#007700]>[/color][color=#0000bb]This TextBox [/color][color=#dd0000]"fills" [/color][color=#0000bb]the remaining space[/color][color=#007700].</[/color][color=#0000bb]TextBox[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]DockPanel[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][/COLOR]
UniformGrid : يتم ترتيب الادوات على شكل صفوف واعمدة ويتم ملى الصفوف حسب ترتيب اضافة الادوات
مثال :
كود :
[color=#000000][COLOR=#007700]<[/color][color=#0000bb]Window x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]x[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][color=#dd0000]"Window1" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"300" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"300"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]UniformGrid Rows[/color][color=#007700]=[/color][color=#dd0000]'3' [/color][color=#0000bb]Columns[/color][color=#007700]=[/color][color=#dd0000]'3'[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]1[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]2[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]3[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]4[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]5[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]6[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]7[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]8[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][color=#007700]>[/color][color=#0000bb]9[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]UniformGrid[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][/COLOR]
Grid : يتم تحديد مواضع الأدوات حسب الصف والعمود كما يمكن تحديد موضع اي اداة ضمن أي خلية
مثال :
كود :
[color=#000000][COLOR=#007700]<[/color][color=#0000bb]Window x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]x[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][color=#dd0000]"Grid Sample" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"300" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"300"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Grid [/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]RowDefinitions[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]RowDefinition[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]RowDefinition[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]RowDefinitions[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]ColumnDefinitions[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ColumnDefinition[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]ColumnDefinition[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]ColumnDefinitions[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Grid[/color][color=#007700].[/color][color=#0000bb]Row[/color][color=#007700]=[/color][color=#dd0000]"0" [/color][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]Column[/color][color=#007700]=[/color][color=#dd0000]"1" [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]Button Grid[/color][color=#007700].[/color][color=#0000bb]Row[/color][color=#007700]=[/color][color=#dd0000]"1" [/color][color=#0000bb]Grid[/color][color=#007700].[/color][color=#0000bb]Column[/color][color=#007700]=[/color][color=#dd0000]"1" [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"2"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]Button Grid[/color][color=#007700].[/color][color=#0000bb]Row[/color][color=#007700]=[/color][color=#dd0000]"0" [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"3" [/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]Grid[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][/COLOR]StackPanel : يتم تكديس الادوات فوق بعض بشكل افقى او عمودي
مثال :
كود :
[color=#000000][COLOR=#007700]<[/color][color=#0000bb]Window x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]x[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][color=#dd0000]"Window1" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"300" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"300"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]StackPanel Orientation[/color][color=#007700]=[/color][color=#dd0000]"Horizontal"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TextBox Margin[/color][color=#007700]=[/color][color=#dd0000]'5' [/color][color=#0000bb]Text[/color][color=#007700]=[/color][color=#dd0000]"vb4arab"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]'5' [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"vb4arab.com" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"150" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"50"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]ListBox Margin[/color][color=#007700]=[/color][color=#dd0000]'5'[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ListBoxItem[/color][color=#007700]>[/color][color=#0000bb]1[/color][color=#007700]</[/color][color=#0000bb]ListBoxItem[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ListBoxItem[/color][color=#007700]>[/color][color=#0000bb]2[/color][color=#007700]</[/color][color=#0000bb]ListBoxItem[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ListBoxItem[/color][color=#007700]>[/color][color=#0000bb]3[/color][color=#007700]</[/color][color=#0000bb]ListBoxItem[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ListBox[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]StackPanel[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][/COLOR]
WrapPanel : ترتيب الادوات من اليسار الى اليمين مع إمكانية التفاف الأدوات إلى سطر جديد عند عدم وجود مساحة كافية في السطر الحالي
مثال :
كود :
[color=#000000][COLOR=#007700]<[/color][color=#0000bb]Window x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
[/COLOR][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]x[/color][color=#007700]=[/color][COLOR=#dd0000]"http://schemas.microsoft.com/winfx/2006/xaml"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][color=#dd0000]"Window1" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"300" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"150"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]WrapPanel [/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]One[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]Two[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]Three[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]Four[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]Five[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700]>[/color][color=#0000bb]Six[/color][color=#007700]</[/color][color=#0000bb]Button[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]WrapPanel[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][/COLOR]
