المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الدرس السادس والخمسون : أدوات Wpf - دورة .net 2008


khaledbelal
03-05-2010, 04:12 PM
بسم الله الرحمن الرحيم .
السلام عليكم ورحمة الله وبركاته .

أدوات WPF :

اضافة للادوات التقليدية ، توفر لك WPF مجموعة من الأدوات الجديدة ، أو تغير من مظهرها وخياراتها من أجل استخدامك لها .

أولاً : مجموعة الأدوات التقليدية :
مجموعة الادوات المعتادة التي تضم Lable, Button وباقي الأدوات العادية ، فقط تتمتع ببعض الخصائص الإضافية لتجميل وتحسين المظهر :

ثانياً : أدوات الفورم :
مثل القوائم واشرطة التمرير وخلافه .

ثالثاً : أدوات ال media :
مثل أدوات الصوت والصورة والفيديو وخلافه .

رابعاً : أدوات المظهر :
تضم بعض الادوات الاساسية مثل ال Groupbox وال Panel وأخرى جديدة مثل Canvas و StackPanel .

الصورة توضح مجموعة من أدوات WPF المختلفة :

http://vb4arab.com/vb/uploaded/3/01213961987.jpg

وكود ال XAML الخاص بها بالشكل التالي :

<Window x:Class="WpfApplication3.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="240" Width="343">
<Grid>
<Button Name="btnPurchaseOptions" Margin="10.5,51,10.5,41">
<StackPanel>
<StackPanel Orientation = "Horizontal"></StackPanel>
</StackPanel>
</Button>
<Expander Name="helpExpander" Header="Help" Height="23" HorizontalAlignment="Left" Margin="70,70,0,0" VerticalAlignment="Top" Width="51.757"></Expander>
<Expander Name="fileExpander" Header="File" Height="23" HorizontalAlignment="Left" Margin="22,70,0,0" VerticalAlignment="Top" Width="44.95"></Expander>
<Slider Height="21" Margin="21.757,0,19,75" Name="slider1" VerticalAlignment="Bottom">
<Slider.BitmapEffect>
<DropShadowBitmapEffect />
</Slider.BitmapEffect>
</Slider>
<ProgressBar Height="15" Margin="23,0,19,50" Name="progressBar1" VerticalAlignment="Bottom" Value="50" />
</Grid>
</Window>

نقاط سريعة حول أدوات WPF :

- الأشكال البيضاوية Ellipse : لتحديد الأشكال البيضاوية والدوائر وخلافه .
- عناصر List أو ال Combobox اصبح بالامكان تحديد لون وخلفية مختلفة لكل منها بالشكل التالي مثلاً :

http://vb4arab.com/vb/uploaded/3/01213965100.jpg

- يمكن تفعيل خاصية تصحيح الخطأ Spell Check في أي مربع نص بالشكل التالي مثلاً :

<TextBox SpellCheck.IsEnabled="True" Height="23" Margin="20,44,16,0" Name="textBox1" VerticalAlignment="Top" Grid.Row="10" />


ويمكن معرفة البدائل للخطأ الموجود عن طريق كتابة كود مثل التالي :
C#:

string alterWords = "";
SpellingError error = textBox1.GetSpellingError(0);
if (error != null)
{
foreach (string s in error.Suggestions)
{
alterWords += s + "\n";
}
MessageBox.Show("Alternative Words:\n" + alterWords);
}


vb.net:

Dim alterWords As String = ""
Dim [error] As SpellingError = textBox1.GetSpellingError(0)
If [error] IsNot Nothing Then

For Each s As String In [error].Suggestions
alterWords += s + "" & Chr(10) & ""
Next

MessageBox.Show("Alternative Words:" & Chr(10) & "" + alterWords)
End If


http://vb4arab.com/vb/uploaded/3/11213965100.jpg

ال Data-Binding :

في ال WPF ، نستطيع ربط قيم عناصر بطريقة مباشرة ، مثلاً لربط قيم Slider ب TextBox مباشرة ، نقوم باضافة فقط الجزء التالي للأداة المراد ربطها :

DataContext = "{Binding ElementName=slider1}" ******* = "{Binding Path=Value}"

بالتالي يصبح كود XAML الكامل بالشكل التالي :


<Slider Height="27" Margin="20,40,16,0" Name="slider1" VerticalAlignment="Top" />
<Label Height="28" DataContext = "{Binding ElementName=slider1}" ******* = "{Binding Path=Value}" Margin="20,72,16,0" Name="label1" VerticalAlignment="Top" BorderThickness="0">


والناتج :

http://vb4arab.com/vb/uploaded/3/01213966527.jpg

المشتاقة للجنة
03-05-2010, 07:06 PM
نفع الله بكم جزاك الله خيرا