コントロールは実行時モードでは期待通りに表示されません

Question

私はwpfで新しいです。グリッド内にブーンを作成しようとしています。問題は、ボタンがデザインモードで十分に表示されていることです。しかし、Visual Studioでアプリケーションを実行した後、私は、ボタンの境界がcuttedされ、テキストがうまく

<Grid Background="Aqua" > 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="1*" /> 
       <ColumnDefinition Width="1*" /> 
       <ColumnDefinition Width="3*" /> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="1*" /> 
       <RowDefinition Height="4*" /> 
      </Grid.RowDefinitions> 
      <Button Content="Arrêt Manuel Perturbation" Name="btn_TypeArret" Grid.Row="0" Grid.Column="0"> 
      </Button> 
...... 

が表示されていないことが判明

デザインモード： click here to see image

はモード

実行

click here to see image

<Window x:Class="IProMSL_WPF.iPro_JustificationArret" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="iPro_JustificationArret" Height="670" Width="920" Loaded="Window_Loaded_1" 
    MinHeight="558" MinWidth="764" 
    > 
<Grid> 
    <!--grid principale--> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="3*" /> 
     <RowDefinition Height="5*" /> 
    </Grid.RowDefinitions> 
    <Grid Grid.Row="0"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="4*" /> 
      <ColumnDefinition Width="1*" /> 
     </Grid.ColumnDefinitions> 


     <Grid Background="Aqua" > 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="1*" /> 
       <ColumnDefinition Width="1*" /> 
       <ColumnDefinition Width="3*" /> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="1*" /> 
       <RowDefinition Height="4*" /> 
      </Grid.RowDefinitions> 
      <Button ClipToBounds="False" Content="Arrêt Manuel Perturbation" Name="btn_TypeArret" Grid.Row="0" Grid.Column="0"> 
      </Button> 
      <Button Content="...." Height="23" HorizontalAlignment="Right" Margin="0,21,41,0" Name="btnClavierdateHeure" VerticalAlignment="Top" Width="57" Grid.Column="2" /> 
       <Label Content="Heure Fin Arrêt:" Height="28" HorizontalAlignment="Left" Margin="33,21,0,0" Name="lbl_DateFin" VerticalAlignment="Top" Grid.Row="1" Grid.Column="2" /> 

       <Label Content="lbl_Commentaires" Height="25" Width="250" Name="lbl_Commentaires" Margin="28,108,36,51" Grid.Row="1" Grid.ColumnSpan="2" /> 

      <Button Content="Commentaire" Name="btn_Commentaires" Width="106px" Height="25" Margin="11,56,287,104" Grid.Row="1" Grid.Column="2" /> 
      <Label Content="Causes Arret" VerticalContentAlignment="Bottom" HorizontalAlignment="Left" Margin="55,0,0,-2" Name="lbl_TitleArret" Width="184" Grid.RowSpan="2" Grid.Column="1" Grid.ColumnSpan="2" /> 
      <Label Content="Categories" Width="200" Height="25" Name="lbl_Title_Cat" Margin="6,156,39,4" Grid.Row="1" /> 
      <Button Content="..." Height="23" HorizontalAlignment="Left" Margin="38,29,0,0" Name="btn_ClavDuree" VerticalAlignment="Top" Width="41" Grid.Row="1" Grid.Column="1" /> 
      <TextBox Height="23" HorizontalAlignment="Left" Margin="155,23,0,0" Name="txt_ArretManuel_Duree" VerticalAlignment="Top" Width="107" Grid.Column="1" Grid.ColumnSpan="2" /> 
      <TextBlock Text="Durée (en minutes):" Foreground="Black" Name="lbl_Duree" FontWeight="SemiBold" Background="#FFDB1111" Grid.Row="0" Grid.Column="1" /> 
      <TextBox Height="23" HorizontalAlignment="Left" Margin="96,21,0,0" Name="txt_ArretManuel_Fin" VerticalAlignment="Top" Width="98" Grid.Column="2" /> 
       <Label Content="Veuillez créer l'arrêt manuel " Height="28" HorizontalAlignment="Left" Margin="6,133,0,0" Name="lbl_Alerte" VerticalAlignment="Top" Width="165" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" /> 
      </Grid> 

     <!-- Grid des 3 boutons Supp arret /effa/Annuler --> 
     <Grid Grid.Column="1"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="1*" /> 
       <RowDefinition Height="1*" /> 
       <RowDefinition Height="1*" /> 
      </Grid.RowDefinitions> 
      <Button Content="Supprimer arrêt" FontWeight="Bold" FontSize="16" Foreground="DarkBlue" Margin="2,4,2,2" Name="btn_Delete"/> 
      <Button Content="Effacer justification" FontWeight="Bold" FontSize="16" Foreground="DarkBlue" Margin="2" Name="btn_Reset" Grid.Row="1" /> 
      <Button Content="Annuler" FontWeight="Bold" FontSize="16" Foreground="DarkBlue" Margin="2,2,2,4" Name="btn_Annuler" Grid.Row="2" /> 
     </Grid> 

     <!-- Ce grid est un host pour le datagrid des arrets selectionnées --> 
     <Grid Visibility="Hidden" Grid.Column="0" > 
      <WindowsFormsHost Padding="20" Name="windowsFormsHost1" > 
       <wf:DataGridView x:Name="gv_ArretProd" Dock="Fill"></wf:DataGridView> 
      </WindowsFormsHost> 
     </Grid> 

      </Grid> 
    <Grid Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="100*" /> 
      <ColumnDefinition Width="798*" /> 
     </Grid.ColumnDefinitions> 
     <TabControl Name="tab_causes" TabStripPlacement="Left" Grid.ColumnSpan="2"> 

     </TabControl> 
     <!--<Grid.ColumnDefinitions> 
      <ColumnDefinition Width="3*" /> 
      <ColumnDefinition Width="8*" /> 
     </Grid.ColumnDefinitions> 
     <Grid Background="Beige" Name="grd" > 
      <Grid.RowDefinitions> 
       <RowDefinition Height="1*"/> 
       <RowDefinition Height="1*"/> 
       <RowDefinition Height="1*"/> 
       <RowDefinition Height="1*"/> 
       <RowDefinition Height="1*"/> 


      </Grid.RowDefinitions> 
      <Button Grid.Row="0" Content="Button5" Margin="5" /> 
      <Button Grid.Row="1" Margin="5"> 
       <Viewbox> <TextBlock> Qualité composant-PCB/consommable</TextBlock> </Viewbox> 
      </Button> 
      <Button Grid.Row="2" Margin="5"> <Viewbox> <TextBlock> Qualité composant-PCB/consommable</TextBlock> </Viewbox> </Button> 
      <Border Background="#FFD7E5F5" Grid.Row="3" BorderBrush="Black" BorderThickness="0.5,0.5,0,0.5"> 
      <Button  Margin="5"> <Viewbox> <TextBlock> Qualité composant-PCB/consommable</TextBlock> </Viewbox> </Button> 
      </Border> <Button Grid.Row="4" Margin="5"> <Viewbox> <TextBlock> Qualité composant-PCB/consommable</TextBlock> </Viewbox> </Button> 
      <Border Background="#FFD7E5F5" Grid.Row="3" BorderBrush="Black" BorderThickness="0.5,0.5,0,0.5"> 
       <Button  Margin="5"> 
        <Viewbox> 
         <TextBlock > Qualité composant-PCB/consommable</TextBlock> 
        </Viewbox> 
       </Button> 
      </Border> 
      <Button Grid.Row="4" Margin="5"> 
       <Viewbox> 
        <TextBlock> consommable</TextBlock> 
       </Viewbox> 
      </Button> 
     </Grid> 
     <WrapPanel Grid.Column="1" Margin="0,0,5,0" Name="wrapPanel1" Background="#FFD7E5F5"/>--> 
    </Grid> 
</Grid> 

Answer 1

すべてのマークアップはこれが問題を引き起こしているコードです。

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="1*" /> 
    <ColumnDefinition Width="1*" /> 
    <ColumnDefinition Width="3*" /> 
</Grid.ColumnDefinitions> 
<Grid.RowDefinitions> 
    <RowDefinition Height="1*" /> 
    <RowDefinition Height="4*" /> 

あなたが1列に分割しているので、あなたは、行= 0、列= 0のボタンを配置する：それがのためにあまりにも小さい、スペースの20％のみを取得し、3：1の比ボタンの内容を正しく表示することができます。したがって、必要に応じて2：1：2のような比率で列幅の分割を適切に変更してください。