كيفية القيام بما يلي: تغيير حجم الأعمدة بواسطة GridSplitter

يوضح هذا المثال كيفية إنشاء GridSplitter لإعادة توزيع المسافة بين عمودين في Grid دون تغيير الأبعاد الخاصة بـ Grid.

مثال

كيفية إنشاء GridSplitter الذي ينطبق فوق حافة العمود

لتحديد GridSplitter الذي يعيد ضبط حجم الأعمدة المجاورة في Grid،قم بتعيين الخاصية المرفقة ب Column إلى أحد الاعمدة التي تريد تغيير حجمها. إذا كان Grid الخاص بك يحتوي على أكثر من صف قم بتعيين الخاصية المرفقة بـ RowSpan إلي عدد الصفوف. ثم قم بتعيين الخاصية HorizontalAlignment إلى Left أو Right (يعتمد نوع المحاذاة الذي قمت بتعيينه على أي عمودين تريد تغيير حجمهما). في النهاية قم بتعيين خاصية VerticalAlignment إلي Stretch.

<GridSplitter Grid.Column="1" 
              Grid.RowSpan="3" 
              HorizontalAlignment="Left" 
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="true"
              Width="5"/>

GridSplitterالتى لا تحتوي على العمود الخاص بها قد تكون محجوبة بواسطة عناصر تحكم أخرى Grid. للحصول على معلومات أكثر حول كيفية تجنب هذه المشكلة، راجع كيفية القيام بما يلي: التأكد من أن GridSplitter مرئية.

كيفية إنشاء GridSplitter الذي يشغل عمود

لتحديد GridSplitter الذي يشغل عمود في Grid،قم بتعيين الخاصية المرفقة بـ Column إلى أحد الاعمدة التي تريد تغيير حجمها. إذا كانت خطوط الشبكة لها أكثر من صف قم بتعيين الخاصية المرفقة RowSpan إلي عدد الصفوف. ثم قم بتعيين HorizontalAlignment إلي Center و تعيين خاصية VerticalAlignment إلي Stretch, و تعيين Width الى العمود يحتوي GridSplitter إلي Auto.

يوضح المثال التالي كيفية تعريف GridSplitter عمودي التي تشغل عمود وتغيير حجم الأعمدة على أي من جوانبها.

<Grid.ColumnDefinitions>
  <ColumnDefinition/>
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition/>
</Grid.ColumnDefinitions>


...


<GridSplitter Grid.Column="1"
              HorizontalAlignment="Center"
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="True"
              Width="5"
              />

راجع أيضًا:

المرجع

GridSplitter

موارد أخرى

مواضيغ إجراءات GridSplitter