[RaggiTech]

الآن افتح Visual Studio ، قم باختيار انشاء New Project ، قم باختيار WPF Application بالشكل التالي :

قم بوضع زر أمر ومربع نص ، ثم لاحظ شاشة ال XAML ، بالتحديد قم بالتركيز على الجزء التالي :

ستجد انه كما ذكرنا بالفعل ،قام بعمل انشاء كود XAML لكافة عناصر الفورم ووضعها داخل العنصر Window ثم Grid ، ايضاً تجد بعض العناصر الاضافية في حالة التصميم ، الآن اصبح بامكانك كتابة كود XAML او الاعتماد على التصميم كما تفعل مع تطبيقات الويب - إن كنت مبرمج ويب - .

سنحاول الآن التعديل في خصائص Window لتغيير عنوان الفورم ، قم بمسح الخاصية Title ، ثم اذهب إلى نهاية الوسم وابدأ بكتابة مسافة ومن ثم نقوم باختيار Title ومن ثم نكتب ="WPF Example" بالشكل التالي مثلاً :

سيكون الكود الاجمالي XAML بالشكل التالي :

كود :

[COLOR=#000080]<Window x:Class="WpfApplication2.Window1"
xmlns=[color=#0000ff]"http://schemas.microsoft.com/winfx/2006/xaml/presentation"[/color]
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Height=[color=#0000ff]"300"[/color] Width=[color=#0000ff]"300"[/color] Title=[color=#0000ff]"WPF Example"[/color]>[/COLOR]
[color=#000080]<Grid>[/color]
[color=#000080]<Button Height=[COLOR=#0000ff]"23"[/color] Margin=[color=#0000ff]"99,0,105,91"[/color] Name=[color=#0000ff]"button1"[/color] VerticalAlignment=[color=#0000ff]"Bottom"[/color] Click=[color=#0000ff]"button1_Click"[/color]>[/COLOR]Button[color=#000080]</Button>[/color]
[color=#000080]<TextBox Height=[COLOR=#0000ff]"23"[/color] Margin=[color=#0000ff]"77,80,81,0"[/color] Name=[color=#0000ff]"textBox1"[/color] VerticalAlignment=[color=#0000ff]"Top"[/color] />[/COLOR]
[color=#000080]</Grid>[/color]
[color=#000080]</Window>[/color]

لاحظ ان بامكانك التحكم في جميع الخصائص لكل الأدوات بنفس الطريقة .
الآن جرب كتابة أمر بالضغط على زر الأمر مرتين ، ستجد نافذة مستقلة للكود غير تلك التي للتصميم ، اكتب فيها الأمر التالي مثلاً :
C#:

كود :

private void button1_Click(object sender, RoutedEventArgs e)
{
textBox1.Text = "Welcome WPF";
}

vb.net:

كود :

Private Sub button1_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
textBox1.Text = "Welcome WPF"
End Sub

والناتج :

ايضاً يمكنك كتابة الكود في نفس شاشة التصميم بالشكل التالي :

كود :

[color=#000080]<x:Code>[/color]
[COLOR=#000080]<![CDATA[
void CodeExample(object sender, RoutedEventArgs e)
{
MessageBox.Show("ahmed");
}

]]>[/COLOR]
[color=#000080]</x:Code>[/color]

مع جعل اسم الدالة على الاسم الذي اخترته في الحدث Click لزر الأمر بالشكل التالي مثلاً :

كود :

[color=#000080]<Button Height=[COLOR=#0000ff]"23"[/color] Margin=[color=#0000ff]"99,0,105,91"[/color] Name=[color=#0000ff]"button1"[/color] VerticalAlignment=[color=#0000ff]"Bottom"[/color] Click=[color=#0000ff]"CodeExample"[/color]>[/COLOR]Button[color=#000080]</Button>[/color]

ونفس النظام بالنسبة ل VB.net .
ايضاً أثناء كتابتك للحدث Click يمكنك من خلال Visual Studio انشاء حدث جديد مباشرة ...