滚动视图在 xaml、uwp 中显示为默认大小或滚动视图的自定义设计

Question

在我的 Scrollview 中，它的宽度默认是细的，当它悬停时，它的宽度变得正常。 但我想要一个在 xamarin 中具有固定宽度的自定义滚动视图或始终默认滚动 垂直和水平滚动 大家有什么建议

我尝试过的：

<ScrollView VerticalScrollBarVisibility="Always" HorizontalScrollBarVisibility="Always" VerticalOptions="FillAndExpand" >
                                        <StackLayout
                                            Padding="0,0,0,0"
                                            BackgroundColor="{DynamicResource BrandComplementBackgroundColor}"
                                            HorizontalOptions="Fill"
                                            Orientation="Vertical"
                                            VerticalOptions="FillAndExpand"
                                            Parent="">
                                            <FlexLayout
                                                BackgroundColor="Red"
                                                BindableLayout.ItemsSource="{Binding ChipSetCollection}"
                                                Direction="Column"
                                                JustifyContent="Start">
                                                <BindableLayout.ItemTemplate>
                                                    <DataTemplate>
                                                        <views:ChipSetItemTemplate />
                                                    </DataTemplate>
                                                </BindableLayout.ItemTemplate>
                                            </FlexLayout>
                                        </StackLayout>
                                    </ScrollView>

这就是我得到的

悬停时仅获取此默认滚动条 但没有悬停我想要默认滚动条

Answer 1

但我想要一个固定宽度的自定义滚动视图

根据您的要求，您需要自定义 ScrollBar 样式并禁用 ExpandedAnimation 并将 VerticalThumb ScaleX 从 0.125 更新到 0.5。我在下面制作了部分样式，请从 generic.xaml 文件中找到它，如下更改，然后粘贴到 UWP 客户端 App xaml 资源中。

复制完整的ScrollBar 样式并找到ConsciousStates VisualStateGroup 并删除它，因为指向时可能会禁用ScrollBar 展开。

<x:Double x:Key="SmallScrollThumbScale">0.5</x:Double>

<Style TargetType="ScrollBar">
            <Setter Property="MinWidth" Value="{ThemeResource ScrollBarSize}" />
            <Setter Property="MinHeight" Value="{ThemeResource ScrollBarSize}" />
            <Setter Property="Background" Value="{ThemeResource ScrollBarBackground}" />
            <Setter Property="Foreground" Value="{ThemeResource ScrollBarForeground}" />
            <Setter Property="BorderBrush" Value="{ThemeResource ScrollBarBorderBrush}" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Template">
                 <Setter.Value>
                    <ControlTemplate TargetType="ScrollBar">
                        <Grid x:Name="Root">
......