2016-08-16 4 views
1

このように入力するとデザインが表示されます。しかし、私はアプリケーションを実行するとグリッドレイアウトの下にあり、それらを見たり、使用することは不可能です。どのように表示して使用できるようにすることができますか?ありがとうございますグリッドの上のボタンを取得するには?

<Window x:Class="Berichtensysteem.Window1" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:local="clr-namespace:Berichtensysteem" 
      mc:Ignorable="d" 
      Title="Mailclient" Height="auto" Width="auto" 
      > 

     <Grid Height="400" Width="600"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="67*"/> 
       <ColumnDefinition Width="14*"/> 
       <ColumnDefinition Width="119*"/> 
      </Grid.ColumnDefinitions> 
      <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="116,-25,0,0" VerticalAlignment="Top" Width="75"/> 
      <Button x:Name="button1" Content="Button" HorizontalAlignment="Left" Margin="196,-25,0,0" VerticalAlignment="Top" Width="75" Grid.ColumnSpan="3"/> 
      <TabControl TabStripPlacement="Left" Grid.ColumnSpan="3" > 
       <TabItem Header="Inbox" Height="30"> 
        <TabItem.Content> 
         <ListView Name="inbox" BorderThickness="2"> 
          <ListView.View > 
           <GridView> 
            <GridViewColumn Header="Van" Width="70" DisplayMemberBinding="{Binding from}" /> 
            <GridViewColumn Header="Onderwerp" Width="120" DisplayMemberBinding="{Binding subject}" /> 
            <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
            <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
           </GridView> 
          </ListView.View> 
         </ListView> 
        </TabItem.Content> 
       </TabItem> 
       <TabItem Header="Verzonden items" Height="30"> 
        <TabItem.Content> 
         <ListView Name="sentitems" BorderThickness="2"> 
          <ListView.View> 
           <GridView> 
            <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
            <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
            <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
            <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
           </GridView> 
          </ListView.View> 
         </ListView> 
        </TabItem.Content> 
       </TabItem> 
       <TabItem Header="Verwijderde Items" Height="30" 
         > 
        <TabItem.Content> 
         <ListView Name="deleteditems" BorderThickness="2"> 
          <ListView.View> 
           <GridView> 
            <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
            <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
            <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
            <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
           </GridView> 
          </ListView.View> 
         </ListView> 
        </TabItem.Content> 
       </TabItem> 
      </TabControl> 
     </Grid> 

    </Window> 

編集:私のボタンは、フルスクリーンにウィンドウのサイズを変更すると表示されます。だから、私のコードとは何かを持っているかもしれません:

 //Resize to fit content 
     this.SizeToContent = SizeToContent.WidthAndHeight; 

をしかし、私は空白の多くがありますので、私の窓上記のようにきちんと見ていない使用していない場合。

+2

実行します。 2行を追加することを検討してください。行0のボタンと行1のTabControlのボタンの1つ – lokusking

+3

UIElementsは、xamlで導入された順にレイアウトされています。重複する場合、後の要素は、以前に定義された要素の上にあります。 それ以外の場合は、コードレビューをお勧めします。デザインは「面白い」です。 – aQsu

+0

@aQsu編集を参照してください。 – user3117628

答えて

1

このような何かがトリックを行う必要があります。私が追加した2つの行に注目してください。あなたのニーズに合わせてStackPanelを自由にカスタマイズしてください。 Win10上の完璧な

<Grid Height="400" Width="600"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="67*"/> 
      <ColumnDefinition Width="14*"/> 
      <ColumnDefinition Width="119*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"></RowDefinition> 
      <RowDefinition Height="*"></RowDefinition> 
     </Grid.RowDefinitions> 
     <StackPanel Orientation="Horizontal" Grid.ColumnSpan="3" Height="Auto" Margin="0,0,0,10"> 
      <Button x:Name="button" Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75"/> 
      <Button x:Name="button1" Content="Button" HorizontalAlignment="Left" Margin="20,0,0,0" VerticalAlignment="Top" Width="75" /> 
     </StackPanel> 

     <TabControl TabStripPlacement="Left" Grid.ColumnSpan="3" Grid.Row="1"> 
      <TabItem Header="Inbox" Height="30"> 
       <TabItem.Content> 
        <ListView Name="inbox" BorderThickness="2"> 
         <ListView.View > 
          <GridView> 
           <GridViewColumn Header="Van" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Onderwerp" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
      <TabItem Header="Verzonden items" Height="30"> 
       <TabItem.Content> 
        <ListView Name="sentitems" BorderThickness="2"> 
         <ListView.View> 
          <GridView> 
           <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
      <TabItem Header="Verwijderde Items" Height="30" 
         > 
       <TabItem.Content> 
        <ListView Name="deleteditems" BorderThickness="2"> 
         <ListView.View> 
          <GridView> 
           <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Op" Width="130" DisplayMemberBinding="{Binding time}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
     </TabControl> 
    </Grid> 

結果

OutputImage

+0

なぜColumnDefinitionsが必要ですか? –

+0

私の質問ではありません。 OPの質問 – lokusking

+0

に基づいてちょうど私の答えこれはそれを修正しなかった、私は私の記事を編集しました。 – user3117628

関連する問題