کنترل GridView در WPF – آموزش WPF

پنجشنبه ۳۰ اردیبهشت ۱۴۰۰
بازدید ۱,۱۶۲ نفر
سعید سیفی زاده
(5 امتیاز از 1 رای)
Loading...

تصویر wpf-gridview_10342 کنترل GridView در WPF - آموزش WPF

کنترل GridView در WPF

در WPF کنترل GridView به منظور نمایش داده ها در سطر و ستون استفاده می شود. در واقع این کنترل با استفاده از ListView داده ها را نمایش می دهد. در تصویر زیر می توانید سلسه مراتب مربوط به ارث بری کنترل GridView را مشاهده کنید.

تصویر wpf-gridview_10342_1 کنترل GridView در WPF - آموزش WPF

خاصیت های پرکاربرد

در جدول زیر می توانید خاصت های پر استفاده مربوط به GridView را به همراه توضیح مختصری در مورد هر کدام مشاهده کنید.

ردیف	توضیحات
1	Background به منظور گرفتن یا تنظیم یک brush برای رنگ پس زمینه کنترل استفاده می شود (به ارث رسیده از Control).
2	BorderThickness به منظور گرفتن یا تنظیم میزان ضخامت border کنترل استفاده می شود (به ارث رسیده از Control).
3	FontFamily به منظور گرفتن و یا تنظیم نوع فونت محتوای کنترل استفاده می شود (به ارث رسیده از Control).
4	FontSize به منظور گرفتن و یا تنظیم اندازه فونت محتوای کنترل استفاده می شود (به ارث رسیده از Control).
5	FontStyle به منظور گرفتن و یا تنظیم استایل فونت محتوای کنترل استفاده می شود (به ارث رسیده از Control).
6	FontWeight به منظور گرفتن و یا تنظیم میزان ضخامت فونت استفاده می شود (به ارث رسیده از Control).
7	Foreground به منظور گرفتن و یا تنظیم رنگ پیش زمینه (رنگ رویی) استفاده می شود (به ارث رسیده از Control).
8	GroupStyle به منظور گرفتن مجموعه از شیء GroupStyle که برای ظاهر هر سطح از گروه بندی ایتم ها استفاده می شود (به ارث رسیده از ItemsControl).
9	Header به منظور گرفتن یا تنظیم محتوایی که به عنوان هدر لیست استفاده می شود، کاربرد دارد (به ارث رسیده از ListViewBase).
10	Height به منظور گرفتن و یا تنظیم میزان ارتفاع کنترل استفاده می شود (به ارث رسیده از FrameworkElement).
11	HorizontalAlignment به منظور گرفتن و یا تنظیم تراز افقی کنترل در داخل کنترل والد استفاده می شود (به ارث رسیده از FrameworkElement).
12	HorizontalContentAlignment به منظور گرفتن و یا تنظیم تراز افقی محتوای داخل کنترل استفاده می شود (به ارث رسیده از FrameworkElement).
13	Items به منظور گرفتن مجموعه ای از داده ها که برای تولید محتوای کنترل استفاده می شوند، کاربرد دارد (به ارث رسیده از ItemsControl).
14	ItemsSource به منظور گرفتن یا تنظیم یک شیء به عنوان منبع داده برای تولید محتوای ItemsControl استفاده می شود (به ارث رسیده از ItemsControl).
15	Margin میزان فاصله بیرونی کنترل را مشخص می کند (به ارث رسیده از FrameworkElement).
16	Name به منظور گرفتن یا تنظیم یک نام شناسایی برای کنترل استفاده می شود. زمانی که پردازنده XAML درخت اشیاء را ایجاد می کند، کد Run-time می تواند با استفاده از نام یک کنترل به آن ارجاع دهد (به ارث رسیده از FrameworkElement).
17	Opacity میزان شفافیت کنترل را مشخص می کند. مقدار قابل قبول باید بین 0.0 تا 1.0 باشد (به ارث رسیده از UIElement).
18	SelectedIndex به منظور گرفتن و یا تنظیم اندیس مربوط به آیتم انتخاب شده استفاده می شود (به ارث رسیده از Selector).
19	SelectedItem به منظور گرفتن و یا تنظیم آیتم انتخاب شده استفاده می شود (به ارث رسیده از Selector).
20	SelectedItems به منظور گرفتن آیتم های انتخاب شده جاری اسفتاده می شود (به ارث رسیده از ListViewBase).
21	SelectedRanges به منظور گرفتن مجموعه ای از ItemIndexRange که توصیف کننده آیتم های انتخاب شده در لیست است، استفاده می شود (به ارث رسیده از ListViewBase).
22	SelectedValue به منظور گرفتن یا تنظیم مقدار انتخاب شده با استفاده از SelectedValuePath استفاده می شود (به ارث رسیده از Selector).
23	Style استایل مربوط به کنترل را تنظیم می کند (به ارث رسیده از FrameworkElement).
24	VerticalAlignment تراز عمودی کنترل را در داخل کنترل والد مشخص می کند (به ارث رسیده از FrameworkElement).
25	VerticalContentAlignment به منظور گرفتن و یا تنظیم تراز عمودی محتوای داخل کنترل استفاده می شود (به ارث رسیده از FrameworkElement).
26	Width به منظور گرفتن و یا تنظیم میزان عرض کنترل استفاده می شود (به ارث رسیده از FrameworkElement).

رویدادهای پرکاربرد

در جدول زیر می توانید رویدادهای پر استفاده مربوط به کنترل GridView را به همراه توضیح مختصری در مورد هر کدام مشاهده کنید.

ردیف	توضیحات
1	DragEnter زمانی که سیستم ورودی یک رویداد drag که هدفش این کنترل است را گزارش دهد، این رویداد رخ می دهد (به ارث رسیده از UIElement).
2	DragLeave زمانی که سیستم ورودی یک رویداد drag که منشاء آن این کنترل است را گزارش دهد، این رویداد رخ می دهد (به ارث رسیده از UIElement).
3	DragOver زمانی که سیستم ورودی یک رویداد drag را با این کنترل به عنوان هدف drop شدن، گزارش دهد، این رویداد رخ می دهد (به ارث رسیده از UIElement).
4	DragStarting زمانی که عملیات drag کردن شروع شود، این رویداد رخ می دهد (به ارث رسیده از UIElement).
5	KeyDown زمانی که یک کلید از کیبورد فشار داده شود و فوکوس جاری بر روی کنترل باشد، این رویداد رخ می دهد (به ارث رسیده از UIElement).
6	KeyUp زمانی که کلید فشار داده شده رها شود و فوکوس جاری بر روی کنترل باشد، این رویداد رخ می دهد (به ارث رسیده از UIElement).

متدهای پرکاربرد

در جدول زیر می توانید متدهای پر استفاده مربوط به کنترل GridView را به همراه توضیح مختصری در مورد هر کدام مشاهده کنید.

ردیف	توضیحات
1	ClearValue به منظور پاک کردن مقدار لوکال یک DependencyProperty استفاده می شود (به ارث رسیده از DependencyObject).
2	FindName شیء که نام مشخص شده را داشته باشد را پیدا می کند (به ارث رسیده از FrameworkElement).
3	GetValue به منظور گرفتن مقدار جاری یک DependencyProperty از یک DependencyObject استفاده می شود (به ارث رسیده از DependencyObject).
4	ReadLocalValue به منظور گرفتن مقدار لوکال یک DependencyProperty استفاده می شود. البته اگر مقدار لوکال تنظیم شده باشد (به ارث رسیده از DependencyObject).
5	SetBinding این متد به منظور بایند کردن مقادیر استفاده می شود (به ارث رسیده از FrameworkElement).
6	SetValue به منظور تنظیم مقدار لوکال یک DependencyProperty مربوط به یک DependencyObject استفاده می شود (به ارث رسیده از DependencyObject).

مثال

برای درک بهتر یک پروژه WPF به نام WPFGridView ایجاد کرده و آن را به شکل زیر تغییر دهید. کدهای XAML:

<Window x:Class = "WPFGridView.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   Title = "MainWindow" Height = "350" Width = "525">
	
   <Grid> 
      <ListView HorizontalAlignment = "Left" Height = "299" Margin = "10,10,0,0" 
         VerticalAlignment = "Top" Width = "497"Name = "MenList">
			
         <ListView.View>
            <GridView> 
               <GridViewColumn Header = "Name" DisplayMemberBinding = "{Binding Name}" 
                  Width = "100"/> 
						
               <GridViewColumn Header = "ID" DisplayMemberBinding = "{Binding ID}" 
                  Width = "100"/>
						
               <GridViewColumn Header = "Age" DisplayMemberBinding = "{Binding Age}" 
                  Width = "100"/>
						
            </GridView> 
         </ListView.View>
			
      </ListView> 
   </Grid> 
	
</Window>

<Window x:Class = "WPFGridView.MainWindow"

xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"

Title = "MainWindow" Height = "350" Width = "525">

<Grid>

<ListView HorizontalAlignment = "Left" Height = "299" Margin = "10,10,0,0"

VerticalAlignment = "Top" Width = "497"Name = "MenList">

<ListView.View>

<GridViewColumn Header = "Name" DisplayMemberBinding = "{Binding Name}"

Width = "100"/>

<GridViewColumn Header = "ID" DisplayMemberBinding = "{Binding ID}"

Width = "100"/>

<GridViewColumn Header = "Age" DisplayMemberBinding = "{Binding Age}"

Width = "100"/>

</GridView>

</ListView.View>

</ListView>

</Grid>

</Window>

کدهای سی شارپ:

using System; 
using System.Windows; 
using System.Windows.Controls;
  
namespace WPFGridView { 
   /// <summary> 
      /// Interaction logic for MainWindow.xaml 
   /// </summary> 
	
   public partial class MainWindow : Window { 
	
      public MainWindow() { 
         InitializeComponent(); 
			
         MenList.Items.Add(new Person() {Name = "Ali", ID = "123A", Age = 20 }); 
         MenList.Items.Add(new Person() {Name = "Akram",ID= "456X", Age = 35 }); 
         MenList.Items.Add(new Person() {Name = "Salman",ID="333E", Age = 49 }); 
      } 
   }
	
   class Person { 
      public string Name { get; set; } 
      public string ID { get; set; } 
      public int Age { get; set; } 
   } 
	
}