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

[khaledbelal]

بسم الله الرحمن الرحيم .
السلام عليكم ورحمة الله وبركاته .

أدوات WPF :

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

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

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

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

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

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



وكود ال 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 اصبح بالامكان تحديد لون وخلفية مختلفة لكل منها بالشكل التالي مثلاً :



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

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

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

كود PHP:

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:

كود PHP:

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 


ال 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">

والناتج :