آموزش WPF (مقدماتی تا پیشرفته)

[Mahdi.Kiani]

ادامه کنترل گرید

تعیین سلول برای کنترل ها ی فرزند در کنترل گرید:
قبلا اشاره شد که دلیل اصلی اینکه کنترل گرید از قویترین و پرکاربرد ترین کنترل های کانتیتر می باشد این است که شما کنترل کاملی بر روی سطر ها وستون های گرید می توانید داشته باشید. در این قسمت به نحوه تخصیص یک سلول خاص در کنترل گرید را به یک کنترل مشخص نشان خواهم داد.
برای تخصیص سلول خاصی از کنترل گرید به یکی از کنترل های فرزند از خواص پیوست شده Row و Column استفاده خواهیم کرد. به نمونه کد زیر دقت کنید:

<Button Grid.Row="2" Grid.Column="2" 

button3</Button>

در قعه کد فوق، دکمه تعریف شده در سطر و ستون سوم ( سلول 9) در گرید مربوطه قرار خواهید گرفت.
نکته :
شماره سطر ها وستون ها در گرید از صفر شروع می شود. بنابرین مقدار 2 برای سطر و ستون معرف سطر و ستون سوم در گرید می باشد.
نکته:
چنانچه بخواهید کنترلی را در سلول اول از گرید قرار دهید، نیاز به تنظیم خواص Row و Column از گرید ندارید.
درواقع مقدار پیش فرض این خواص، صفر می باشد که بیانگر سطر و ستون اول گرید می باشد.
برای درک بهتر به نمونه کر زیر دقت کنید :

<Window x:Class="Grid.Window1"

 

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

/presentation"

 

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

ml"

    Title="Window1" Height="300" Width="300">

    <Grid ShowGridLines="True">

        <!--Begin Grid Row Definitions-->

        <Grid.RowDefinitions>

            <RowDefinition ></RowDefinition> <!--

Frist Row-->

            <RowDefinition ></RowDefinition><!--

Second Row-->

            <RowDefinition ></RowDefinition><!--

Third Row-->

        </Grid.RowDefinitions>

        <!--End of Grid Row Definitions-->

 

        <!--Begin Grid Column Definitions-->

        <Grid.ColumnDefinitions>

            <ColumnDefinition 

></ColumnDefinition><!--First Column-->

            <ColumnDefinition 

></ColumnDefinition><!--Second Column-->

            <ColumnDefinition 

></ColumnDefinition><!--Third Column-->

        </Grid.ColumnDefinitions>

        <!--End of Grid Column Definitions-->

        <!--Start Of Defining Child Controls-->

       <Button >button1</Button>  <!--the Grid cell 

of this button is 0-->      

        <Button Grid.Row="1" Grid.Column="1" 

>button2</Button><!--the Grid cell of this button 

is 5-->

        <Button Grid.Row="2" Grid.Column="2" 

>button3</Button><!--the Grid cell of this button 

is 9-->

    </Grid>

</Window>

هماطور که مشاهده می کنید، برای اولین دکمه خواص Row و Column تنظیم نشده اند، در نتیجه دکمه مذکور در اولین سطر و ستون از گرید قرار خواهد گرفت.
نتیجه اجرای کد فوق مشابه زیر خواهد بود :