18-10-12, 03:07 PM
كاتب الموضوع : Tarek Aldwire
السلام عليكم ورحمة الله وبركاته...أولا: ما هي ال wpf...
خي تقنية جديدة ظهرت مع .net 3.0
حيث أصبح بإمكانك إستخدام لغة XAML لبرمجة واجهات برنامج لذلك نلاحظ أن هذه التقنية لا تخص اللغة من ناحية تصميم الواجهات وإنما تخص لغة XAML وبما أنها كذلك سوف أمر مرورا عليها بعد أن أعرفك بأهم تأثيراتها وميزاتها...
- كيفية الإستخدام ...
قم بإنشاء مشروع جديد ثم إختر WPF Application
سوف يظهر لك برمجة ال XAML في أسفل الشاشة وهنا يتم كتابة الأكواد...
________________________________________
المثال -1-:
عمل بعض التأثيرات على Button ..
كود :
[COLOR=#000000][COLOR=#0000bb]
[/COLOR][color=#007700]<[/color][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]"79,89,0,0" [/color][color=#0000bb]VerticalAlignment[/color][color=#007700]=[/color][color=#dd0000]"Top" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"32" [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"Button" [/color][color=#0000bb]Background[/color][color=#007700]=[/color][color=#dd0000]"#FFD95858" [/color][color=#0000bb]BorderThickness[/color][color=#007700]=[/color][color=#dd0000]"7,7,7,7" [/color][color=#0000bb]Foreground[/color][color=#007700]=[/color][color=#dd0000]"#FFFFFFFF" [/color][color=#0000bb]HorizontalAlignment[/color][color=#007700]=[/color][color=#dd0000]"Left" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"128"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]OuterGlowBitmapEffect GlowColor[/color][color=#007700]=[/color][color=#dd0000]"Red"[/color][color=#007700]></[/color][color=#0000bb]OuterGlowBitmapEffect[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]LinearGradientBrush EndPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,1" [/color][color=#0000bb]StartPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,0"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FF000000" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FFA48F8F" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]LinearGradientBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][COLOR=#007700]>
[/COLOR][color=#0000bb][/color][/COLOR]
حيث يكون الكود كاملا,,
كود :
[COLOR=#000000][COLOR=#0000bb]
[/COLOR][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]"365" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"588"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Grid Height[/color][color=#007700]=[/color][color=#dd0000]"323" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"555"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button Margin[/color][color=#007700]=[/color][color=#dd0000]"79,89,0,0" [/color][color=#0000bb]VerticalAlignment[/color][color=#007700]=[/color][color=#dd0000]"Top" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"32" [/color][color=#0000bb]Content[/color][color=#007700]=[/color][color=#dd0000]"Button" [/color][color=#0000bb]Background[/color][color=#007700]=[/color][color=#dd0000]"#FFD95858" [/color][color=#0000bb]BorderThickness[/color][color=#007700]=[/color][color=#dd0000]"7,7,7,7" [/color][color=#0000bb]Foreground[/color][color=#007700]=[/color][color=#dd0000]"#FFFFFFFF" [/color][color=#0000bb]HorizontalAlignment[/color][color=#007700]=[/color][color=#dd0000]"Left" [/color][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"128"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]OuterGlowBitmapEffect GlowColor[/color][color=#007700]=[/color][color=#dd0000]"Red"[/color][color=#007700]></[/color][color=#0000bb]OuterGlowBitmapEffect[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]LinearGradientBrush EndPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,1" [/color][color=#0000bb]StartPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,0"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FF000000" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FFA48F8F" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]LinearGradientBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Button[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Grid[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][color=#0000bb][/color][/COLOR]
- المثال 2:
عمل ProgressBar أفقي مع بعض التأثيرات المختلفة عما سبق..
كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]<[/color][COLOR=#0000bb]Window
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]x[/color][color=#007700]:Class=[/color][COLOR=#dd0000]"UntitledProject1.Window1"
[/COLOR][color=#0000bb]x[/color][color=#007700]:[/color][color=#0000bb]Name[/color][color=#007700]=[/color][COLOR=#dd0000]"Window"
[/COLOR][color=#0000bb]Title[/color][color=#007700]=[/color][COLOR=#dd0000]"Window1"
[/COLOR][color=#0000bb]Width[/color][color=#007700]=[/color][color=#dd0000]"640" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"480"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]Grid x[/color][color=#007700]:[/color][color=#0000bb]Name[/color][color=#007700]=[/color][color=#dd0000]"LayoutRoot"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ProgressBar Margin[/color][color=#007700]=[/color][color=#dd0000]"200,193,221,0" [/color][color=#0000bb]VerticalAlignment[/color][color=#007700]=[/color][color=#dd0000]"Top" [/color][color=#0000bb]Height[/color][color=#007700]=[/color][color=#dd0000]"19" [/color][color=#0000bb]RenderTransformOrigin[/color][color=#007700]=[/color][color=#dd0000]"0.5,0.5" [/color][color=#0000bb]BorderThickness[/color][color=#007700]=[/color][color=#dd0000]"2,2,2,2" [/color][color=#0000bb]Background[/color][color=#007700]=[/color][color=#dd0000]"#FFD79B9B" [/color][color=#0000bb]Value[/color][color=#007700]=[/color][color=#dd0000]"50" [/color][color=#0000bb]Foreground[/color][color=#007700]=[/color][color=#dd0000]"#FF304058" [/color][color=#0000bb]Orientation[/color][color=#007700]=[/color][color=#dd0000]"Horizontal" [/color][color=#0000bb]SmallChange[/color][color=#007700]=[/color][color=#dd0000]"5"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]BevelBitmapEffect[/color][color=#007700]></[/color][color=#0000bb]BevelBitmapEffect[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]BitmapEffect[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]LinearGradientBrush EndPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,1" [/color][color=#0000bb]StartPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,0"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FFFF0000" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FF000000" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]LinearGradientBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]BorderBrush[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]OpacityMask[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]LinearGradientBrush EndPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,1" [/color][color=#0000bb]StartPoint[/color][color=#007700]=[/color][color=#dd0000]"0.5,0"[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FF000000" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]GradientStop Color[/color][color=#007700]=[/color][color=#dd0000]"#FFB43E3E" [/color][color=#0000bb]Offset[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]LinearGradientBrush[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]OpacityMask[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]RenderTransform[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]TransformGroup[/color][COLOR=#007700]>
<[/COLOR][color=#0000bb]ScaleTransform ScaleX[/color][color=#007700]=[/color][color=#dd0000]"1" [/color][color=#0000bb]ScaleY[/color][color=#007700]=[/color][color=#dd0000]"1"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]SkewTransform AngleX[/color][color=#007700]=[/color][color=#dd0000]"-3.5041414214731503E-15" [/color][color=#0000bb]AngleY[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]RotateTransform Angle[/color][color=#007700]=[/color][color=#dd0000]"-90"[/color][COLOR=#007700]/>
<[/COLOR][color=#0000bb]TranslateTransform X[/color][color=#007700]=[/color][color=#dd0000]"0" [/color][color=#0000bb]Y[/color][color=#007700]=[/color][color=#dd0000]"0"[/color][COLOR=#007700]/>
</[/COLOR][color=#0000bb]TransformGroup[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ProgressBar[/color][color=#007700].[/color][color=#0000bb]RenderTransform[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]ProgressBar[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Grid[/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]Window[/color][COLOR=#007700]>
[/COLOR][color=#0000bb][/color][/COLOR]