O Windows Phone 8.1 Layout
-
26-12-2019 - |
Pergunta
Eu tenho o seguinte código:
<PivotItem
x:Uid="PivotDraw"
Margin="19,14.5,0,0"
Header="drawx"
DataContext="{Binding Draw}"
d:DataContext="{Binding Draws[0], Source={d:DesignData Source=/DataModel/SampleData.json, Type=data:DataSource}}"
CommonNavigationTransitionInfo.IsStaggerElement="True">
<!--Double line list with text wrapping-->
<ListView
ItemsSource="{Binding Rounds}"
IsItemClickEnabled="True"
ItemClick="ItemView_ItemClick"
ContinuumNavigationTransitionInfo.ExitElementContainer="True">
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,9.5">
<TextBlock
Text="{Binding RoundNumber}"
TextWrapping="Wrap"
Pivot.SlideInAnimationGroup="1"
CommonNavigationTransitionInfo.IsStaggerElement="True"
Style="{ThemeResource ListViewItemTextBlockStyle}"
Margin="0,0,19,0"/>
<ListView ItemsSource="{Binding Formations}">
<ListView.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Shorthand}"></TextBlock>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</PivotItem>
O que me dá todos os dados que eu estou tentando voltar, mas não o layout que eu quero.Eu estou ficando (entre parênteses está o aguardando a propriedade:
1 (round number)
A (formation shorthand)
B (formation shorthand)
C (formation shorthand)
2
D
E
F
Quando eu estou procurando:
Round 1
A, B, C
Round 2
D, E, F
Obviamente, o ListView é a coisa errada a utilizar, pode funcionar para o indivíduo rodadas, mas não para exibir as formações em uma única linha, estava principalmente preocupado sobre a obtenção de dados que eu precisava apresentado neste momento, mas agora estou de certeza que o controle eu estou depois de obter o resultado que eu quero.
Solução
Você pode definir ListView.ItemsPanel
do seu interior ListView
para StackPanel
com Horizontal Orientation
para obter o resultado que você deseja.
<ListView ItemsSource="{Binding Formations}">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"></StackPanel>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Shorthand}"></TextBlock>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow