Xaml和佈局問題

Question

我想用xaml構建一個屏幕，但它稍微偏離它。我還無法上傳圖片，所以我包含了this link。

我的問題是txtWidth文本框是否在屏幕上顯示時，它應該足夠大，只有3位數字？有沒有人有任何想法。從使用Canvas佈局Grid佈局

<Canvas Margin="0,0,-249.6,0"> 
    <ListView Canvas.Left="12" Canvas.Top="48" Height="183" Name="listView1" 
      Width="453" 
      SelectionMode="Single"> 
     <ListView.View> 
      <GridView> 
       <GridViewColumn Header="Order" Width="100" 
         DisplayMemberBinding="{Binding Path=CustomColumnsOrder}"></GridViewColumn> 
       <GridViewColumn Header="Display Name" Width="290" 
          DisplayMemberBinding="{Binding Path=CustomColumnsDisplayName}"></GridViewColumn> 
       <GridViewColumn Header="Width" Width="50" 
         DisplayMemberBinding="{Binding Path=CustomColumnsWidth}"></GridViewColumn> 

      </GridView> 
     </ListView.View> 
    </ListView> 
    <Button Name="moveUpButton" Canvas.Left="472.4" Click="MoveUp" Canvas.Top="50" Content="Move Up" 
      Height="22" Width="74" /> 

    <Button Name="moveDownButton" Canvas.Left="472.4" Click="MoveDown" Canvas.Top="80" Content="Move Down" 
      Height="22" Width="74" /> 


    <Button Name="deleteButton" Canvas.Left="472.4" IsEnabled="{Binding ElementName=columnsList, Path=SelectedItems.Count}" Click="RemoveColumn" Canvas.Top="110" Content="Delete" 
      Height="22" Width="74" /> 

    <Button Name="addButton" Click="AddColumn" Canvas.Left="472.4" Canvas.Top="140" Content="Add Item" 
      Height="22" Width="74" /> 

    <Label Content="Name:" Canvas.Left="12" Canvas.Top="250" /> 

    <TextBox Name="txtDsiplayName" Text="{Binding Path=CustomColumnsDisplayName, Mode=TwoWay}" Canvas.Left="12" Canvas.Top="280" Height="23" 
      Width="452" > 

    </TextBox> 

    <Label Content="Width:" Canvas.Left="470" Canvas.Top="250" /> 
    <TextBox Name="txtWdith" Text="50" Canvas.Left="470" Canvas.Top="280" Height="23" 

      /> 

</Canvas> 

Answer 1

變化，有一個很好的教程here。

網格佈局的一個例子如下所示：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="28" /> 
    </Grid.RowDefinitions> 

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

    <Label Grid.Row="0" 
      Grid.Column="0" 
      Content="Name:"/> 

    <Label Grid.Row="1" 
      Grid.Column="0" 
      Content="E-Mail:"/> 

    <Label Grid.Row="2" 
      Grid.Column="0" 
      Content="Comment:"/> 

    <TextBox Grid.Column="1" 
      Grid.Row="0" 
      Margin="3" /> 

    <TextBox Grid.Column="1" 
      Grid.Row="1" 
      Margin="3" /> 

    <TextBox Grid.Column="1" 
      Grid.Row="2" 
      Margin="3" /> 

    <Button Grid.Column="1" 
      Grid.Row="3" 
      HorizontalAlignment="Right" 
      MinWidth="80" 
      Margin="3" 
      Content="Send" /> 

</Grid>