2015-11-19 33 views
0

我有一個ListView其中我顯示圖像和鏈接的列中的一個,這裏的代碼:如何將圖像放置在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

設置你的StackPanel方向,以垂直的Orientation。 (有它默認是什麼,所以你忽略它,如果你願意的話。)

<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> 
+0

它正在工作,但並不完全一樣,現在左邊框和圖像之間存在很大差距,儘管沒有邊距或其他東西。 –

+0

你有你的Image'Margin =「5」'。這是否造成了差距? – DeathTails

+0

不,還是一樣的 –

1

變化的StackPanelVertical

+0

它的工作,但不完全是,還有的左邊框和形象,現在有很大差距,雖然沒有保證金或東西。 –

相關問題