在GridView中对齐项目

时间:2015-11-25 19:46:55

标签: c# wpf xaml gridview

我无法在我的Gridview中对齐我的项目。我的DataTemplate内有Stackpanel。在Stackpanel内,我有3 TextBlocks。我无法在Gridview中将这些文本块移动到我想要的位置。我将在下面发布我的XAML ..

XAML

<Page.Resources>
    <DataTemplate x:Key="TileTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding TitleView}" FontFamily="Segoe UI" FontWeight="SemiBold" FontSize="18" Foreground="White" TextWrapping="Wrap" HorizontalAlignment="Left"  VerticalAlignment="Top" Margin="10,10" />
            <TextBlock Text="{Binding BodyView}" FontFamily="Segoe UI" FontWeight="Light" FontSize="14" Foreground="White" TextWrapping="Wrap" Margin="10,50" />
            <TextBlock Text="{Binding AuthorView}" FontFamily="Segoe UI" FontWeight="Light" FontStyle="Italic" FontSize="10" Foreground="White" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="10,10" />
        </StackPanel>
    </DataTemplate>
</Page.Resources>

 <Grid x:Name="tileGrid">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition />
    </Grid.RowDefinitions>



    <GridView x:Name="tileGridView" Margin="12,60" ItemTemplate="{StaticResource TileTemplate}">
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsWrapGrid Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>

        <GridView.ItemContainerStyle>
            <Style TargetType="GridViewItem">
                <Style.Setters>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Grid Background="#2A2A2A"
                                  Margin="5"
                                  Height="200"
                                  Width="300">
                                    <ContentPresenter />
                                </Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style.Setters>
            </Style>
        </GridView.ItemContainerStyle>
      </GridView>
    </Grid>

这是我得到的结果:

enter image description here

正如您所看到的那样,它完全切断了作者并且没有正确对齐我的身体(通过我对文本块的内联样式)。

有没有人知道我可以在GridView中操作文本块的位置?

1 个答案:

答案 0 :(得分:1)

使用左水平对齐将StackPanel的方向设置为垂直,并查看是否为您提供所需的外观。