[RaggiTech]

تعريف styles :

إذا كنت قد جربت سابقاً اي نوع من برمجة الويب كنت ستعرف ان لدينا ما يعرف باسم styles وهي مجموعة من الخصائص تحدد الطول والعرض والالوان وخلافه تحت مسمى مثلاً darkstyle ، بحيث يمكن بعد ذلك استخدامها في اي اداة بكتابة اسم ال style فقط .

هذا هو ما نحتاج إليه أيضاً في ال WPF حيث اننا لن نقوم بكتابة كل هذا الحجم من التوصيف لكل زر امر مثلاً في حالة أن لدينا عدة ازرار أمر لها نفس ال style ، لذا سنقوم بتعريف style بالشكل التالي مثلاً :

كود :

[color=#000080]<Window.Resources>[/color]
[color=#800080]<Style x:Key ="darkstyle">[/color]
[color=#000080]<Setter Property ="Button.FontSize" Value ="15"/>[/color]
[color=#000080]<Setter Property ="Button.Background">[/color]
[color=#000080]<Setter.Value>[/color]
[color=#000080]<LinearGradientBrush StartPoint=[COLOR=#0000ff]"0,0"[/color] EndPoint=[color=#0000ff]"1,1"[/color]>[/COLOR]
[color=#000080]<GradientStop Color=[COLOR=#0000ff]"Black"[/color] Offset=[color=#0000ff]"0"[/color] />[/COLOR]
[color=#000080]<GradientStop Color=[COLOR=#0000ff]"Blue"[/color] Offset=[color=#0000ff]"0.25"[/color] />[/COLOR]
[color=#000080]<GradientStop Color=[COLOR=#0000ff]"Brown"[/color] Offset=[color=#0000ff]"1"[/color] />[/COLOR]

[color=#000080]</LinearGradientBrush>[/color]
[color=#000080]</Setter.Value>[/color]
[color=#000080]</Setter>[/color]
[color=#800080]</Style>[/color]
[color=#000080]</Window.Resources>[/color]

والآن لكل زر أمر يكفي التعريف بالشكل التالي :

كود :

[color=#000080]<Button Name=[COLOR=#0000ff]"b1"[/color] Width = "100"
Style ="{StaticResource darkstyle}" Content = "Button 1" HorizontalAlignment=[color=#0000ff]"Right"[/color] Margin=[color=#0000ff]"0,61,30,61"[/color] />[/COLOR]
[color=#000080]<Button Name=[COLOR=#0000ff]"b2"[/color] Width = "100"
Style ="{StaticResource darkstyle}" Content = "Button 2" HorizontalAlignment=[color=#0000ff]"Left"[/color] Margin=[color=#0000ff]"25,61,0,61"[/color] />[/COLOR]

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