1

私のページに以下のコードを書きました:

<StackPanel HorizontalAlignment="Left" Height="166" Margin="10,602,0,0" VerticalAlignment="Top" Width="1346" x:Name="thumbnailViewer">
               <ScrollViewer
                x:Name="thumbnailViewerScroller"
                Padding="0"
                BorderThickness="0"
                VerticalScrollBarVisibility="Hidden"
                HorizontalScrollBarVisibility="Hidden">
                    <StackPanel Orientation="Horizontal" >
                        <ItemsControl x:Name="UserList">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <!--<StackPanel Orientation="Horizontal">-->
                                        <Image Source="{Binding imageurl}" Tag="{Binding Path=id}" Width="164" Height="150" Margin="4" Stretch="Fill"></Image>
                                    <!--</StackPanel>-->
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>
</ScrollViewer>
</StackPanel>

スクロールビューアーの中で、stackpanel について言及し、アイテムを水平方向に配置しました。しかし、コードの実行中に常にアイテムを垂直方向に配置しています。アイテムを水平方向に配置する方法を教えてください。スタックパネルで Orientation="Horizo​​ntal に言及したとしても、垂直に整列します。

編集:

<ScrollViewer
                x:Name="thumbnailViewerScroller"
                Padding="0"
                BorderThickness="0"
                VerticalScrollBarVisibility="Hidden"
                HorizontalScrollBarVisibility="Hidden">
                    <!--<StackPanel Orientation="Horizontal" >-->
                        <ItemsControl x:Name="UserList">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <!--<DataTemplate>-->
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="{Binding imageurl}" Tag="{Binding Path=id}" Width="164" Height="150" Margin="4" Stretch="Fill"></Image>
                                    </StackPanel>
                                <!--</DataTemplate>-->
                                    </ItemsPanelTemplate>
                                        </ItemsControl.ItemsPanel>
                        </ItemsControl>
</Scrollviewer>
</Stackpanel>
4

1 に答える 1