#眉標=Silverlight
#副標=Silverlight開發技術（11）
#大標=Silverlight 2.0中的Layout控制以及樣式與範本機制
#作者=文／圖	董大偉

　　
==<box>===========
程式1
    <Grid x:Name="LayoutRoot" ShowGridLines="True" ... >
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="100"/>
    		<ColumnDefinition Width="4*"/>
    		<ColumnDefinition Width="2*"/>
    	</Grid.ColumnDefinitions>
    	<Grid.RowDefinitions>
    		<RowDefinition Height="100"/>
    		<RowDefinition Height="100"/>
    		<RowDefinition Height="*"/>
    	</Grid.RowDefinitions>
    	<Grid.Background>
(…略…)
    	</Grid.Background>
    	<Rectangle … />
    	<Rectangle Grid.Column="1" Grid.Row="1" … />
    </Grid>
==<end>==============
　　


　　
==<box>===========
程式2
<StackPanel Orientation="Horizontal">
　<Rectangle Width="100" Height="60" Margin="10" />
  <Rectangle Height="70" Width="100" Margin="20" />
</StackPanel>
==<end>==============



==<box>===========
程式3
<Border Background="#FFFFEA00" Height="112" Width="349" CornerRadius="10,10,10,10" Canvas.Top="8" Canvas.Left="8" BorderBrush="#FFFF0000" BorderThickness="6,6,6,6">
   <Canvas Height="92" Width="326">
    	<Button Height="27" Width="106" Canvas.Left="206" Canvas.Top="48" Content="Button"/>
    	<TextBox Height="25" Width="259" Canvas.Left="53" Canvas.Top="8" Text="TextBox" TextWrapping="Wrap"/>
    	<TextBlock Height="30" Width="63" Canvas.Left="8" Canvas.Top="8" Text="姓名：" TextWrapping="Wrap"/>
    </Canvas>
</Border>
==<end>==============


　　
==<box>===========
程式4
<ScrollViewer VerticalScrollBarVisibility="Auto"  HorizontalScrollBarVisibility="Auto" Height="214" Width="380" Canvas.Left="40" Canvas.Top="35">
    <TextBlock Height="262" Width="487" Text="(...略...)" TextWrapping="Wrap" FontSize="16" />
</ScrollViewer>
==<end>==============



　　===<反灰>=============
<TextBox Height="20" Margin="100,4,4,4" Background="LightBlue" FontSize="14" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>
==<end>==============
　　


　　
==<box>===========
程式5


<Grid x:Name="LayoutRoot" Background="White">
   <Grid.Resources>
     <Style TargetType="TextBox" x:Key="TextBoxStyle">
        <Setter Property="Width" Value="200"/>
        <Setter Property="Height" Value="20"/>
        <Setter Property="Margin" Value="4"/>
        <Setter Property="Background" Value="LightBlue"/>
        <Setter Property="FontSize" Value="14"/>
      </Style>
   </Grid.Resources>
        (…略…)
</Grid>
==<end>==============
　　
　　


　　===<反灰>=============
<TextBox Margin="100,4,4,4" Style="{StaticResource TextBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>
<TextBox Margin="100,40,4,4" Style="{StaticResource TextBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>
<TextBox Margin="100,80,4,4" Style="{StaticResource TextBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>
==<end>==============
　　


　　
==<box>===========
程式6
   

 <Application.Resources>
        <Style TargetType="TextBox" x:Key="TextBoxStyle">
            <Setter Property="Width" Value="200"/>
            <Setter Property="Height" Value="20"/>
            <Setter Property="Margin" Value="4"/>
            <Setter Property="Background" Value="LightBlue"/>
            <Setter Property="FontSize" Value="14"/>
        </Style>
    </Application.Resources>
==<end>==============




===<反灰>=============
<TextBox Width="200" Text="姓名：" Style="{StaticResource InputTextBoxStyle}" ></TextBox>
<TextBox Width="200" Text="電話：" Style="{StaticResource InputTextBoxStyle }" ></TextBox>
<TextBox Width="380" Text="地址：" Style="{StaticResource InputTextBoxStyle }" ></TextBox>
<TextBox Width="200" Text="生日：" Style="{StaticResource InputTextBoxStyle }" ></TextBox>
==<end>==============




==<box>===========
程式7
<Application.Resources>
     <Style  x:Key="InputTextBoxStyle" TargetType="TextBox">
     <Setter Property="Template">
     <Setter.Value>
     <ControlTemplate TargetType="TextBox">
     <Grid Width="{TemplateBinding Width}">
     <Grid.ColumnDefinitions>
     <ColumnDefinition Width="50"></ColumnDefinition>
     <ColumnDefinition Width="*"></ColumnDefinition>
     </Grid.ColumnDefinitions>
     <TextBlock   Height="20"  FontSize="14" Margin="2" Text="{TemplateBinding Text}"></TextBlock>
     <TextBox  HorizontalAlignment="Stretch"  Height="20"  FontSize="12" Margin="2" Background="LightBlue"  Grid.Column="1"></TextBox>
     </Grid>
     </ControlTemplate>
     </Setter.Value>
     </Setter>
     </Style>
</Application.Resources>
==<end>==============
　　



===<反灰>=============
<TextBox Margin="10,4,4,4" Width="200" Text="姓名：" Style="{StaticResource InputTextBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>
<TextBox Margin="10,40,4,4" Width="200" Text="電話：" Style="{StaticResource InputTextBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBox>        
==<end>==============