½Ç¹ö¶óÀÌÆ® ÀÀ¿ë ÇÁ·Î±×·¥Àº Application Ŭ·¡½º·Î Ç¥ÇöµÇ¸ç ÀÌ °´Ã¼¸¦ Á¤ÀÇÇÏ´Â ÆÄÀÏÀÌ ¹Ù·Î App.xaml°ú App.xaml.csÀÌ´Ù. ÀÌ ÆÄÀÏÀ» ¿¾î º¸¸é ApplicationÀ¸·ÎºÎÅÍ ÆÄ»ýµÈ App Ŭ·¡½º¸¦ ¼±¾ðÇÔÀ¸·Î½á ÀÀ¿ë ÇÁ·Î±×·¥À» Á¤ÀÇÇÑ´Ù. ¾ÛÀº ÇϳªÀÇ ÇÁ·¹ÀÓ°ú ¿©·¯ °³ÀÇ ÆäÀÌÁö·Î ±¸¼ºµÈ´Ù. ÇÁ·¹ÀÓÀº ÇÁ·Î±×·¥ÀÇ È¸éÀ̶ó°í ÇÒ ¼ö ÀÖÀ¸¸ç PhoneApplicationFrame Ŭ·¡½º·Î Ç¥ÇöÇÑ´Ù. App.xaml.cs¿¡ ¼±¾ðµÈ RootFrameÀÌ ¹Ù·Î ÇÁ·¹ÀÓÀÌ´Ù.
ÇÁ·¹ÀÓ ¾È¿¡´Â ¿©·¯ °³ÀÇ ÆäÀÌÁö°¡ Á¸ÀçÇÑ´Ù. ÆäÀÌÁö´Â PhoneApplicationPage Ŭ·¡½º·Î Ç¥ÇöÇϸç MainPage.xaml.cs´Â ÀÌ Å¬·¡½º·ÎºÎÅÍ ÆÄ»ýµÈ MainPage Ŭ·¡½º¸¦ Á¤ÀÇÇÑ´Ù. ¸¶¹ý»ç°¡ ¸¸µç ÇÁ·ÎÁ§Æ®¿¡´Â MainPage¹Û¿¡ ¾øÁö¸¸ ÀÌÈÄ SencondPage, ThirdPage µîÀÇ ÆäÀÌÁö¸¦ ¾ó¸¶µçÁö Ãß°¡ÇÒ ¼ö ÀÖ´Ù. ÆäÀÌÁö ¾È¿¡´Â ÆгΠ¹× ÄÁÆ®·ÑµéÀÌ °èÃþÀûÀ¸·Î ¹èÄ¡µÇ¾î »ç¿ëÀÚ UI¸¦ ±¸¼ºÇÑ´Ù. ÀÌ ¹èÄ¡ °ü°è¸¦ ÇÑ´«¿¡ º¸°í ½ÍÀ¸¸é Åø¹Ù¿¡¼ Document OutlineâÀ» ¿¾î º¸¸é µÈ´Ù. ´ÙÀ½Àº ¹Ù·Î ¾Õ¿¡¼ ¸¸µç Canvas1 ¿¹Á¦ÀÇ °´Ã¼ ¹èÄ¡µµÀÌ´Ù.
ÆäÀÌÁö¸¦ ·çÆ®·Î Çϸç ÃÖ»óÀ§¿¡ ±×¸®µå°¡ ÀÖ°í ±×¾È¿¡ Á¦¸ñÀ» Ç¥½ÃÇÏ´Â ½ºÅà Æгΰú ³»¿ëÀ» Ç¥½ÃÇÏ´Â ÄÁÅÙÆ® ÆгΠ±×¸®µå°¡ ÀÖ´Ù. ÄÁÅÙÆ® ÆгΠ¾È¿¡´Â ĵ¹ö½º°¡ ÀÖ°í ĵ¹ö½º¾È¿¡ ¹öÆ°°ú »ç°¢Çü µµÇüµéÀÌ ´Ù¼ö ¹èÄ¡µÇ¾î ÀÖ´Ù. °´Ã¼³¢¸®ÀÇ Æ÷ÇÔ°ü°è¸¦ º¸¿©ÁÖ´Â ÀÌ °èÃþµµ¸¦ ºñÁÖ¾ó Æ®¸®(Visual Tree)¶ó°í ÇÑ´Ù. ºñÁÖ¾ó Æ®¸®¸¦ ÅëÇØ °´Ã¼°£ÀÇ Áßø ±¸Á¶¸¦ ÇÑ´«¿¡ »ìÆ캼 ¼ö ÀÖÀ¸¸ç Æ®¸®¿¡¼ °´Ã¼¸¦ ¼±ÅÃÇÏ¸é µðÀÚÀÎ ºä¿¡µµ ¼±ÅõȴÙ.
ÇÁ·Î±×·¥À» ±¸¼ºÇÏ´Â ¿ä¼Òµé Áß ¾ÛÀ̳ª ÇÁ·¹ÀÓÀº ´ÜÁö Á¸ÀçÇÒ »ÓÀ̸ç Ưº°ÇÑ °æ¿ì°¡ ¾Æ´Ï¸é °Çµå¸± ÇÊ¿ä°¡ ¾ø´Ù. ¹Ý¸é ÆäÀÌÁö´Â ÀüüÀûÀÎ ¹èÄ¡¿Í ȸéÀÇ ¼Ó¼ºÀ» Á¶Á¤Çϱâ À§ÇØ ÇÁ·Î±×·¡¹ÖÇÒ °æ¿ì°¡ ¸¹´Ù. ´ÙÀ½Àº ÆäÀÌÁöÀÇ ¼Ó¼ºµéÀ̸ç ÀÌ ¼Ó¼º°ªµéÀº ÆäÀÌÁö ÀüüÀÇ ¸ð¾ç°ú µ¿ÀÛ¿¡ ¿µÇâÀ» ³¢Ä£´Ù.
¼Ó¼º |
¼³¸í |
FontFamily |
±Û²ÃÀÇ ¸ð¾çÀ» ÁöÁ¤ÇÑ´Ù. |
FontSize |
±Û²ÃÀÇ Å©±â¸¦ ÁöÁ¤ÇÑ´Ù. |
Foreground |
Àü°æ »ö»óÀ» ÁöÁ¤ÇÑ´Ù. |
SupportedOrientations |
ȸéÀÇ °¡´ÉÇÑ ¹æÇâÀ» ÁöÁ¤ÇÑ´Ù. |
Orientation |
Ãʱ⠹æÇâ°ªÀ» ÁöÁ¤ÇÑ´Ù. |
shell:SystemTray.IsVisible |
À§ÂÊÀÇ ½Ã½ºÅÛ Æ®·¹À̸¦ º¸ÀÏ °ÍÀÎÁö ¾Æ´ÑÁö¸¦ ÁöÁ¤ÇÑ´Ù. µðÆúÆ®´Â TrueÀ̳ª False·Î º¯°æÇϸé Àüü ȸéÀ» ´Ù »ç¿ëÇÏ´Â ¾ÛÀ» ¸¸µé ¼ö ÀÖ´Ù. |
¸¶¹ý»ç°¡ ¸¸µç ÇÁ·ÎÁ§Æ®´Â ÀÌ ¼Ó¼ºµéÀ» ±âº»°ªÀ¸·Î ÁöÁ¤ÇÏÁö¸¸ ÇÊ¿äÇÏ´Ù¸é XAML ÆÄÀÏ¿¡¼ PhoneApplicationPage ¿¤¸®¸ÕÆ®ÀÇ ¼Ó¼ºÀ» ÆíÁýÇÏ¿© ¾ðÁ¦µçÁö º¯°æÇÒ ¼ö ÀÖ´Ù. ±Û²Ã °ü·Ã ¼Ó¼ºÀº ÆäÀÌÁö¿¡ ¼ÓÇÑ ¸ðµç ÄÁÆ®·Ñ¿¡ Àû¿ëµÇ¾î ÀÏ°üµÈ ±Û²ÃÀÌ Àû¿ëµÇµµ·Ï ÇÑ´Ù. SupportedOrientations ¼Ó¼ºÀº °¡´ÉÇÑ È¸é ¹æÇâ°ªÀÇ Á¾·ùÀÌ¸ç ´ÙÀ½ ¼ÂÁß ÇϳªÀÇ °ªÀ» ÁöÁ¤ÇÑ´Ù.
°ª |
¼³¸í |
Portrait |
¼¼·Î ¹æÇ⸸ Áö¿øÇÑ´Ù. |
Landscape |
°¡·Î ¹æÇâÀÇ ¿ÞÂÊ, ¿À¸¥ÂÊ µÎ °¡Áö¸¦ Áö¿øÇÑ´Ù. |
PortraitOrLandscape |
¼¼ ¹æÇâÀ» ¸ðµÎ Áö¿øÇÑ´Ù. |
Orientation ¼Ó¼ºÀº ÆäÀÌÁöÀÇ Ãʱ⠹æÇâÀ» ÁöÁ¤ÇÑ´Ù. Áö¿ø °¡´ÉÇÑ ¹æÇâ°ú Ãʱ⠹æÇâÀº Àǹ̰¡ ´Ù¸£´Ù´Â °ÍÀ» À¯ÀÇÇÏÀÚ. Áö¿ø °¡´ÉÇÏ´Ù´Â °ÍÀº Àåºñ¸¦ ȸÀü½ÃÅ°¸é ÇØ´ç ¹æÇâÀ¸·Î ¹Ù²ð ¼ö ÀÖ´Ù´Â ¶æÀÌ°í Ãʱ⠹æÇâÀº ÃÖÃÊ ½ÇÇà½ÃÀÇ ¹æÇâÀ» ÁöÁ¤ÇÑ´Ù. Ãʱ⠹æÇâÀº ´ÙÀ½°ú °°Àº °ªµéÀ» ÁöÁ¤ÇÒ ¼ö ÀÖ´Ù.
¼Ó¼º°ª |
¼³¸í |
None |
Ãʱ⠹æÇâÀ» ÁöÁ¤ÇÏÁö ¾Ê´Â´Ù. |
Portrait, PortraitUp |
¼¼·Î ¹æÇâÀÌ´Ù. |
Landscape |
°¡·Î ¹æÇâÀÌ´Ù. |
LandscapeLeft |
°¡·Î ¿ÞÂÊ ¹æÇâÀÌ´Ù. |
LandscapeRight |
°¡·Î ¿À¸¥ÂÊ ¹æÇâÀÌ´Ù. |
PortraitDown |
ÀÌ ¸ðµå´Â ÇöÀç Áö¿øÇÏÁö ¾Ê´Â´Ù. |
¼öÁ÷ ¹æÇâ Çϳª°¡ ÀÖ°í ¼öÆòÀº ¿ÞÂÊ, ¿À¸¥ÂÊ µÎ °¡Áö°¡ ÀÖ´Ù. ¼öÁ÷À¸·Î °Å²Ù·Î ¼± ¹æÇâÀº º° ½Ç¿ë¼ºÀÌ ¾øÀ¸¹Ç·Î Áö¿øÇÏÁö ¾Ê´Â´Ù. ¸¶¹ý»ç·Î ÇÁ·ÎÁ§Æ®¸¦ »õ·Î »ý¼ºÇÏ¸é ¼¼·Î ¸ðµå¸¸ Áö¿øÇϸç Ãʱ⠹æÇâµµ ¼¼·ÎÀÌ´Ù.
SupportedOrientations="Portrait" Orientation="Portrait"
È¸é ¹æÇâÀÇ µðÆúÆ®´Â ¼¼·Î ¹æÇâÀÎ Portrait¿©¼ ȸéÀÌ Ç×»ó ¼¼·Î ¹æÇâÀÌ´Ù. ¿¡¹Ä·¹ÀÌÅ͸¦ µ¹·Áµµ ȸéÀº ¾ðÁ¦³ª ¼¼·Î ¹æÇâÀ¸·Î À¯ÁöµÈ´Ù. °ú¿¬ ±×·±Áö Canvas1 ¿¹Á¦¸¦ ½ÇÇàÇÑ ÈÄ ¿¡¹Ä·¹ÀÌÅ͸¦ ¿ÞÂÊÀ¸·Î µ¹·Á º¸ÀÚ. ¿¡¹Ä·¹ÀÌÅÍ ¿À¸¥ÂÊÀÇ Åø¹Ù¿¡¼ ¹öÆ°À» ´©¸£¸é ¿ÞÂÊÀ¸·Î ȸÀüµÈ´Ù. ÀåºñÀÇ È¸ÀüÀº »ç¿ëÀÚ°¡ Á÷Á¢ ÇÏ´Â °ÍÀ̸ç Äڵ忡¼ °Á¦·Î ƯÁ¤ ¹æÇâÀ¸·Î ¹Ù²Ù´Â ¹æ¹ýÀº ¾ø´Ù. ¿¡¹Ä·¹ÀÌÅÍÀÇ ÀÌ ¹öÆ°Àº ½ÇÀåºñ¸¦ ȸÀü½ÃÅ°´Â Èä³»¸¦ ³½´Ù.
¿¡¹Ä·¹ÀÌÅ͸¸ µ¹¾Æ°¥ »Ó ȸ鿡´Â ¾Æ¹«·± º¯È°¡ ¾ø´Ù. ±×·¯³ª SupportedOrientations ¼Ó¼ºÀ» º¯°æÇÏ¸é °¡·Î ¹æÇâÀ¸·Î ¹Ù²Ü ¼ö ÀÖÀ¸¸ç ¼¼·Î¿Í °¡·Î¸¦ µÑ ´Ù Áö¿øÇÒ ¼öµµ ÀÖ´Ù. ´ÙÀ½ ¿¹Á¦¸¦ º¸ÀÚ.
Canvas2
<phone:PhoneApplicationPage
x:Class="Canvas2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--TitlePanel contains the name of the application and page title-->
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="Canvas2" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Canvas Background="Blue">
<Rectangle Fill="Red" Canvas.Left="178" Canvas.Top="253"
Width="100" Height="100"/>
</Canvas>
</Grid>
</Grid>
</phone:PhoneApplicationPage>
ÆäÀÌÁöÀÇ SupportedOrientations ¼Ó¼ºÀ» PortraitOrLandscape·Î º¯°æÇÏ¿© °¡·Î, ¼¼·Î¸¦ ¸ðµÎ Áö¿øÇϵµ·Ï Çß´Ù. ÄÁÅÙÆ® ÆгÎÀÇ Áß¾Ó¿¡´Â »¡°£»ö »ç°¢ÇüÀ» Çϳª ¹èÄ¡ÇÏ¿´´Ù. ĵ¹ö½ºÀÇ Å©±â´Â ´ë·« (456, 607) Á¤µµÀÌ°í »ç°¢ÇüÀº 100*100ÀÇ Å©±â¸¦ °¡Áö¹Ç·Î (178, 253) ÁÂÇ¥¿¡ ³õÀ¸¸é Á¤È®ÇÏ°Ô È¸é Áß¾ÓÀÌ µÈ´Ù. °ú¿¬ ±×·±Áö È®ÀÎÇØ º¸ÀÚ.
µð¹ö°Å·Î ĵ¹ö½º Å©±â¸¦ Á¶»çÇÏ°í ´ëÃæÀ̳ª¸¶ °è»êÇÏ¿© ÁÂÇ¥¸¦ °áÁ¤ÇßÀ¸¹Ç·Î »ç°¢ÇüÀº °ú¿¬ ĵ¹ö½ºÀÇ Áß¾Ó¿¡ ³ªÅ¸³´Ù. ±×·¯³ª ÀÌ ÁÂÇ¥´Â ¾îµð±îÁö³ª ÇöÀç Àåºñ¿¡¼¸¸ Áß¾ÓÀÏ »ÓÀ̸ç ȯ°æÀÌ ¹Ù²î¸é ±×·¸Áö ¾ÊÀ» ¼öµµ ÀÖ´Ù. ÀåºñÀÇ Çػ󵵰¡ ³ô¾ÆÁö¸é ĵ¹ö½º°¡ Ä¿Áö¸ç ÀÌ·¸°Ô µÇ¸é (178, 253) ÁÂÇ¥´Â Áß¾Óº¸´Ù´Â ÈξÀ ´õ ¿ÞÂÊ À§°¡ µÉ °ÍÀÌ´Ù.
Àåºñ°¡ ¹Ù²îÁö ¾Ê´õ¶óµµ È¸é ¹æÇâÀÌ ¹Ù²î¸é »ç°¢ÇüÀº ¿ª½Ã Áß¾ÓÀ» ¹þ¾î³´Ù. ¿¡¹Ä·¹ÀÌÅ͸¦ ¿ÞÂÊÀ¸·Î ȸÀü½ÃÅ°¸é 480*800 Çػ󵵰¡ 800*480À¸·Î ¹Ù²î¸ç µû¶ó¼ ĵ¹ö½º Å©±âµµ ¹Ù²î±â ¶§¹®ÀÌ´Ù. ½ÇÀåºñ¿¡¼´Â ¼¾¼¿¡ ÀÇÇØ È¸é ¹æÇâÀÌ ¼ö½Ã·Î ¹Ù²ï´Ù. °¡·Î, ¼¼·Î ¹æÇâÀ» ´Ù Áö¿øÇϵµ·Ï ÆäÀÌÁö ¼Ó¼ºÀ» ¼³Á¤ÇßÀ¸¹Ç·Î ¿¡¹Ä·¹ÀÌÅ͸¦ µ¹¸®¸é ¹èÄ¡°¡ °¡·Î ±âÁØÀ¸·Î ¹Ù²îÁö¸¸ »ç°¢ÇüÀÇ ÁÂÇ¥±îÁö Á¶Á¤ÇØ ÁÖ´Â °ÍÀº ¾Æ´Ï´Ù.
º¸´Ù½ÃÇÇ Äµ¹ö½ºÀÇ Àý´ë ÁÂÇ¥ ÁöÁ¤ ¹æ½ÄÀº Å×½ºÆ® ¿¹Á¦¸¦ ¸¸µé ¶§³ª ÄÁÆ®·ÑÀÇ ÁÂÇ¥¸¦ ¼¶¼¼ÇÏ°Ô Á¶Á¤ÇÒ ¶§´Â Æí¸®ÇÏÁö¸¸ Àåºñ ȣȯ¼º¿¡´Â Áö±ØÈ÷ ºÒ¸®ÇÏ´Ù. ¹Ý¸é ½ºÅà ÆгÎÀ̳ª ±×¸®µå´Â ȸéÀÇ Å©±â¸¦ °í·ÁÇÏ¿© Â÷ÀϵåÀÇ À§Ä¡³ª Å©±â¸¦ °áÁ¤ÇϹǷΠÀÌ·± ¹®Á¦°¡ ÈξÀ ´úÇÏ´Ù. °ú¿¬ ±×·±Áö ±×¸®µå·Î ¶È°°Àº ¿¹Á¦¸¦ ¸¸µé¾î º¸ÀÚ.
GridOrient
<phone:PhoneApplicationPage
x:Class="GridOrient.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--TitlePanel contains the name of the application and page title-->
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="GridOrient" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Grid Background="Blue">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Rectangle Fill="Red" Grid.Row="1" Grid.Column="1"
Width="100" Height="100"/>
</Grid>
</Grid>
</Grid>
</phone:PhoneApplicationPage>
3Çà 3¿ÀÇ ±×¸®µå¸¦ »ý¼ºÇÏ°í Á¤Áß¾ÓÀÇ 1,1 ¼¿¿¡ »ç°¢ÇüÀ» ¹èÄ¡Çß´Ù. Çà¿ÀÇ ¼Ó¼º¿¡ Ưº°È÷ Å©±â¸¦ ÁöÁ¤ÇÏÁö ¾Ê¾ÒÀ¸¹Ç·Î ¸ðµç ¼¿Àº ±ÕµîÇÑ Å©±â¸¦ °¡Áö¸ç µû¶ó¼ Áß¾Ó¼¿Àº Ç×»ó ±×¸®µåÀÇ °¡¿îµ¥ ÀÚ¸®¸¦ Â÷ÁöÇÒ °ÍÀÌ´Ù. ÀÌ ¼¿¿¡ »ç°¢ÇüÀ» ³õ¾ÒÀ¸¹Ç·Î ȸé ȸÀü°ú »ó°ü¾øÀÌ »ç°¢Çüµµ ¾ðÁ¦³ª ±×¸®µåÀÇ Áß¾Ó¿¡ ¹èÄ¡µÈ´Ù.
¼³»ç ÀåºñÀÇ Çػ󵵰¡ ¹Ù²î´õ¶óµµ ±×¸®µå´Â »õ Çػ󵵿¡ ¸Â°Ô ±Õµî ºÐÇÒÀ» Á¶Á¤ÇϹǷΠ°¡¿îµ¥ ¼¿ÀÌ Ç×»ó Áß¾ÓÀÌ´Ù. ¿ø·ÐÀûÀÎ ¹æ¹ýÀ» ¼³¸íÇϱâ À§ÇØ 9¼¿ ±×¸®µå¸¦ »ç¿ëÇߴµ¥ »ç½Ç ÀÌ ¿¹Á¦´Â ¼¿À» 9°³³ª ³ª´ ÇÊ¿äµµ ¾øÀÌ 1¼¿ ±×¸®µå¾È¿¡ »ç°¢ÇüÀ» ¹èÄ¡Çϱ⸸ Çصµ ¹®Á¦°¡ ÇØ°áµÈ´Ù. ´ÙÀ½°ú °°ÀÌ Äڵ带 º¯°æÇصµ È¿°ú´Â µ¿ÀÏÇÏ¸ç ¾ÈÂÊÀÇ ±×¸®µå´Â »èÁ¦Çصµ »ó°ü¾ø´Ù.
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Grid Background="Blue">
<Rectangle Fill="Red" Width="100" Height="100"/>
</Grid>
</Grid>
±×¸®µåÀÇ ¼¿¾È¿¡¼ ¸ðµç ÄÁÆ®·ÑÀº ÀÚµ¿À¸·Î Áß¾Ó Á¤·ÄµÇ±â ¶§¹®ÀÌ´Ù. ĵ¹ö½º´Â ¿À·ÎÁö ÁöÁ¤ÇÑ ÁÂÇ¥¿¡ ÄÁÆ®·ÑÀ» ¹«½ÄÇÏ°Ô ¹èÄ¡ÇÒ »ÓÀÌÁö¸¸ ±×¸®µå´Â ±Õµî ºÐÇÒ, ºñÀ² ºÐÇÒ µîÀÇ ¼¶¼¼ÇÑ ¹èÄ¡ ±ÔÄ¢À» Á¦°øÇÏ°í ¼¿ ³»¿¡¼ Á¤·Ä±îÁö Á¶Á¤ÇÒ ¼ö ÀÖ´Ù. ÀÌ·± ÀåÄ¡¸¦ Àß È°¿ëÇϸé ÀÏ°üµÈ ¹èÄ¡¸¦ ½±°Ô ¸¸µé¾î³¾ ¼ö ÀÖÀ¸¸ç ÄÚµå±îÁö È°¿ëÇÏ¸é ¹æÇâ Àüȯ À̺¥Æ®¸¦ ¹Þ¾Æ ¹æÇâ¿¡ µû¶ó ¿ÏÀüÈ÷ ´Ù¸¥ ¹èÄ¡¸¦ ¸¸µé ¼öµµ ÀÖ´Ù.