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
السلام عليكم ورحمة الله وبركاته .
أدوات 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