Mohan Rajesh Komatlapalli Ответов: 1

[Магазина] мой список посмотреть в сторону splitview не прокрутки.


мое представление списка внутри разделенного представления не прокручивается.

<SplitView ScrollViewer.IsVerticalRailEnabled="True" BorderBrush="White" BorderThickness="1" x:Name="windowssplit1" DisplayMode="Overlay" Margin="40,-95,0,-200" Width="340" HorizontalAlignment="Left" x:FieldModifier="Public" Grid.RowSpan="2">
            <SplitView.Pane>
                <!--<Grid removed="Gray" ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.IsVerticalScrollChainingEnabled="True">-->
                    <StackPanel removed="Gray" BorderBrush="White" BorderThickness="1" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.IsVerticalScrollChainingEnabled="True" Margin="0,49,0,-162">
                    <TextBlock Text="All Ages" Margin="20,10,0,10" Foreground="White" FontSize="20" />
                    <Border BorderThickness="0.4" BorderBrush="White" Margin="20,0,0,10" Width="280" HorizontalAlignment="Left"/>
                    <ListView x:Name="filterlist1" Margin="10,0,0,0" ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.IsVerticalRailEnabled="True" SelectionChanged="filterlist_SelectionChanged">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock FontSize="18" Margin="0,10,0,0" Foreground="White" Text="{Binding CategoryName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                <!--</Grid>-->
                </StackPanel>
            </SplitView.Pane>
        </SplitView>

 <SplitView x:Name="PhoneSplitView" Margin="0,50,0,0" DisplayMode="Overlay" Width="250" HorizontalAlignment="Left" x:FieldModifier="Public" Grid.ColumnSpan="2" Grid.RowSpan="2">
            <SplitView.Pane>
                <!--<Grid removed="Gray">-->
                <StackPanel removed="Gray" ScrollViewer.VerticalScrollMode="Enabled">
                    <TextBlock Text="Refine" x:Name="refine" Margin="10,0,0,10" Foreground="White"/>
                    <Border BorderThickness="0.4" x:Name="border1" BorderBrush="White" Margin="10,0,0,0" Width="200" HorizontalAlignment="Left"/>
                    <TextBlock Text="Sort By :" Margin="10,15,0,0" Foreground="White" FontSize="13" FontWeight="Light" />
                    <ListView x:Name="sortbylist" SelectionChanged="sortbylist_SelectionChanged">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Foreground="White" x:Name="dsasd" Text="{Binding SortName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

                    <Border BorderThickness="0.4" x:Name="border2" BorderBrush="White" Margin="10,10,0,0" Width="200" HorizontalAlignment="Left"/>
                    <TextBlock Text="Filter :" Margin="10,15,0,0" x:Name="refine1" Foreground="White" FontSize="13" FontWeight="Light" />
                    <ListView x:Name="filterlist" SelectionChanged="filterlist_SelectionChanged" ScrollViewer.IsVerticalRailEnabled="True">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Foreground="White" Text="{Binding CategoryName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

                    <Border BorderThickness="0.4" x:Name="border3" BorderBrush="White" Margin="10,10,0,0" Width="280" HorizontalAlignment="Left"/>
                    <TextBlock x:Name="langlist2" Text="Language" Margin="10,15,0,0" Foreground="White" FontSize="13" FontWeight="Light"/>
                    <ListView x:Name="langlist" ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.IsVerticalRailEnabled="True" SelectionChanged="langlist1_SelectionChanged">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Foreground="White" Text="{Binding SortName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                <!--</Grid>-->
                </StackPanel>
            </SplitView.Pane>
        </SplitView>


Представление списка, присутствующее в выделенном жирным шрифтом коде, должно прокручивать, как это можно сделать, помогите мне....
Как заставить список прокручиваться.

эталонное изображение : Рис1

Рис2

Что я уже пробовал:

По какой-то причине я попытался удалить панель стека в Splitview.Форточку и заменил ее сеткой, но это мне не помогло.

johannesnestler

Я не вижу никакого жирного кода.. - но после беглого взгляда я бы предположил, что вы не можете прокручивать, потому что ваша стек-панель даст listview любой размер, который он хочет, чтобы получить прокрутку, она должна быть "ограничена", поэтому просто установите maxsize на ListView или используйте сетку с фиксированными строками/столбцами вместо stackpanel и т. д...

Mohan Rajesh Komatlapalli

хорошо, я сделал то же самое, учитывая MaxHeight и MaxWidth в списке, он показывает полосу прокрутки, а также прокрутку, но не показывает все содержимое, полученное из БД. Всего я купил 19 элементов из БД и отдал ListView, он показывает только 14 элементов в списке, сначала он показывает 10 элементов, после прокрутки он полностью показывает 14 элементов из 19.остальные элементы не отображаются....

1 Ответов

Рейтинг:
6

Mohan Rajesh Komatlapalli

Я изменил код Snip, как показано ниже, поместил ScrollViewer внутри SplitView.Панель и измененные значения полей.

Код для приложения Windows 10 PC App

<splitview borderbrush="White" borderthickness="1" x:name="windowssplit1" displaymode="Overlay" margin="310,95,0,100" x:fieldmodifier="Public" grid.rowspan="2" xmlns:x="#unknown">
            <splitview.pane>
                <scrollviewer x:name="scrol2" isverticalrailenabled="True">
                    <stackpanel background="Gray" borderbrush="White" borderthickness="1">
                        <textblock text="All genere" margin="20,10,0,10" foreground="White" fontsize="20" />
                        <border borderthickness="0.4" borderbrush="White" margin="20,0,0,10" width="280" horizontalalignment="Left" />
                        <listview x:name="filterlist1" margin="10,-10,0,0" selectionchanged="filterlist_SelectionChanged">
<listview.itemtemplate>
<datatemplate>
 <textblock fontsize="18" margin="0,5,0,0" foreground="White" text="{Binding CategoryName}" />
 </datatemplate>
</listview.itemtemplate>
                        </listview>
                    </stackpanel>
                </scrollviewer>
            </splitview.pane>
        </splitview>


Код для приложения Windows 10 Phone

<splitview x:name="PhoneSplitView" margin="0,50,0,0" displaymode="Overlay" width="250" scrollviewer.verticalscrollmode="Enabled" scrollviewer.isverticalrailenabled="True" horizontalalignment="Left" x:fieldmodifier="Public" grid.columnspan="2" grid.rowspan="2" xmlns:x="#unknown">
            <splitview.pane>
                <scrollviewer x:name="scrol1" isverticalrailenabled="True">
                    <!--<Grid Background="Gray">-->
                    <stackpanel background="Gray" scrollviewer.verticalscrollmode="Enabled">

                        <border borderthickness="0.4" x:name="border3" borderbrush="White" margin="10,10,0,0" width="280" horizontalalignment="Left" />
                        <textblock x:name="langlist2" text="Language" margin="10,15,0,0" foreground="White" fontsize="13" fontweight="Light" />
                        <listview x:name="langlist" height="Auto" width="Auto" selectionchanged="langlist1_SelectionChanged">
                            <listview.itemtemplate>
                                <datatemplate>
                                    <textblock foreground="White" text="{Binding SortName}" />
                                </datatemplate>
                            </listview.itemtemplate>
                        </listview>

                        <textblock text="Refine" x:name="refine" margin="10,0,0,10" foreground="White" />
                        <border borderthickness="0.4" x:name="border1" borderbrush="White" margin="10,0,0,0" width="200" horizontalalignment="Left" />
                        <textblock text="Sort By :" margin="10,15,0,0" foreground="White" fontsize="13" fontweight="Light" />
                        <listview x:name="sortbylist" selectionchanged="sortbylist_SelectionChanged" scrollviewer.isverticalrailenabled="True" scrollviewer.verticalscrollmode="Enabled" height="Auto" width="Auto">
                            <listview.itemtemplate>
                                <datatemplate>
                                    <textblock foreground="White" x:name="dsasd" text="{Binding SortName}" />
                                </datatemplate>
                            </listview.itemtemplate>
                        </listview>

                        <border borderthickness="0.4" x:name="border2" borderbrush="White" margin="10,10,0,0" width="200" horizontalalignment="Left" />
                        <textblock text="Filter :" margin="10,15,0,0" x:name="refine1" foreground="White" fontsize="13" fontweight="Light" />
                        <listview x:name="filterlist" selectionchanged="filterlist_SelectionChanged" scrollviewer.isverticalrailenabled="True" scrollviewer.verticalscrollmode="Enabled" height="Auto" width="Auto">
                            <listview.itemtemplate>
                                <datatemplate>
                                    <textblock foreground="White" text="{Binding CategoryName}" />
                                </datatemplate>
                            </listview.itemtemplate>
                        </listview>
                    </stackpanel>
                </scrollviewer>
            </splitview.pane>
        </splitview>


Это завершило мою работу,и все списки в Splitview прокручиваются.