كيفية القيام بما يلي: تغيير خصائص إرساء

يظهر المثال التالي كيفية تغيير قيمة الخاصية المرفقة DockPanel.Dock للعناصر الموجودة في DockPanel. يوضح هذا المثال أيضاً الوظيفة للقيم Dock المختلفة.

مثال

يقوم المثال بتعريف عنصرين Rectangle ويعيّن كل عنصر Name. يمثل صفين من العناصر Button قيم التعداد Dock لكل Rectangle. ثمثل العناصر LightCoral الملونة Button نفس العناصر الملونة Rectangle. ثمثل العناصر LightSkyBlue الملونة Button نفس العناصر الملونة Rectangle. النقر فوق أحد هذه الأزرار يستدعى تغييرات فى موضع DockPanel.Dock. بالإضافة إلى ذلك، يتغير النص الموجود في TextBlock لإظهار اتجاه الإرساء الجديد Rectangle.

<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick1" Background="LightCoral">Dock = "Left"</Button>
  <Button Click="OnClick2" Background="LightCoral">Dock = "Right"</Button>
  <Button Click="OnClick3" Background="LightCoral">Dock = "Top"</Button>
  <Button Click="OnClick4" Background="LightCoral">Dock = "Bottom"</Button>
</StackPanel>

<TextBlock DockPanel.Dock="Top" Name="Txt2">The Dock property of the LightSkyBlue Rectangle is set to Right</TextBlock>

<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick5" Background="LightSkyBlue" Foreground="White">Dock = "Left"</Button>
  <Button Click="OnClick6" Background="LightSkyBlue" Foreground="White">Dock = "Right"</Button>
  <Button Click="OnClick7" Background="LightSkyBlue" Foreground="White">Dock = "Top"</Button>
  <Button Click="OnClick8" Background="LightSkyBlue" Foreground="White">Dock = "Bottom"</Button>
</StackPanel>

<TextBlock DockPanel.Dock="Top" Name="Txt3">The LastChildFill property is set to True (default).</TextBlock>
<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick9" Background="White">LastChildDock="True"</Button>
  <Button Click="OnClick10" Background="White">LastChildDock="False"</Button>
</StackPanel>

<Border Background="LightGoldenRodYellow" BorderBrush="Black" BorderThickness="1">
  <DockPanel Name="myDP">
    <Rectangle Name="rect1" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightCoral" />
    <Rectangle Name="rect2" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightSkyBlue" />
  </DockPanel>
</Border>

تتم معالجة الأحداث التي تم تعريفها في ملف الـ Extensible Application Markup Language (XAML) السابق فى ملف تعليمات برمجية خلفية. تقوم مجموعة معالجات الأحداث بتعيين قيمة الخاصية المرفقة DockPanel.Dock لعنصر معين باستخدام التعليمات البرمجية في وقت التشغيل. معالج الأحداث مثل أدناه.

Private Sub OnClick1(ByVal sender As Object, ByVal e As System.Windows.RoutedEventArgs)
    System.Windows.Controls.DockPanel.SetDock(rect1, System.Windows.Controls.Dock.Left)
    Txt1.Text = "The Dock property of the LightCoral Rectangle is set to Left"
End Sub

private void OnClick1(object sender, RoutedEventArgs e)
{
    DockPanel.SetDock(rect1, Dock.Left);
    Txt1.Text = "The Dock Property of the LightCoral Rectangle is set to Left";
}

راجع أيضًا:

المرجع

DockPanel

المبادئ

نظرة عامة على اللوحات