Question

我有一个ListView，其中一列显示图像和链接，这里是代码：

<ListView>
  <ListView.View>
    <GridView>
      <GridViewColumn>
        <GridViewColumn.CellTemplate>
          <DataTemplate>
            <StackPanel Orientation="Horizontal">
              <TextBlock FontSize="20">
              <Hyperlink NavigateUri="{Binding Uri}" RequestNavigate="Handler1">
                <Run Text="{Binding Title}" />
              </Hyperlink>
              </TextBlock>
              <Image Source="{Binding ImageUri}" Margin="5" Height="150" />
            </StackPanel>
          </DataTemplate>
        </GridViewColumn.CellTemplate>
      </GridViewColumn>


      <GridViewColumn DisplayMemberBinding="{Binding Column2}">
        <GridViewColumn.Header>
          <GridViewColumnHeader>Column2</GridViewColumnHeader>
        </GridViewColumn.Header>
      </GridViewColumn>

在第1列中，它显示了同一行上的链接和图像，彼此相邻。我想在链接下面显示图像。我怎么能这样做？

Answer 1

将Orientation的{{1}}更改为StackPanel

Answer 2

将StackPanel方向设置为垂直。（默认情况下它是什么，所以如果你愿意，你可以省略它。）

<StackPanel Orientation="Vertical">
    <TextBlock FontSize="20">
         <Hyperlink NavigateUri="{Binding Uri}" RequestNavigate="Handler1">
             <Run Text="{Binding Title}" />
         </Hyperlink>
    </TextBlock>
    <Image Source="{Binding ImageUri}" Margin="5" Height="150" />
</StackPanel>

如何将图像放在ListView中的链接下面？

2 个答案: