Windows 10 Universal app弹出窗口，如何删除滚动条？

Question

我有一个带有TextBlock的Flyout视图。文本块有多行文本，我希望它像往常一样包装到下一行，但是当它在Flyout中使用时，它会滚动屏幕。 ..如何在Flyout中禁用滚动视图？

Flyout XAML：

...
  <AppBarButton.Flyout>
    <Flyout Placement="Full">
      <local:MyView/>
    </Flyout>
  </AppBarButton.Flyout>
...

我的观点XAML：

<UserControl ...>
  <Grid>
    ...
    <TextBlock Text="Loading..." Style="{ThemeResource SubtitleTextBlockStyle}" Margin="10,0,10,20" Grid.Row="1" TextWrapping="Wrap"/>
  </Grid>
</UserControl>

它是这样的：

Answer 1

要设置Flyout的属性，如宽度或滚动条的可见性，我们需要自定义FlyoutPresenter的样式。我是这样做的：

            <Flyout Placement="Full" >
                <Flyout.FlyoutPresenterStyle>
                    <Style TargetType="FlyoutPresenter">
                        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"></Setter>
                    </Style>
                </Flyout.FlyoutPresenterStyle>
                <Grid>
                <TextBlock Text="This is an informational flyout. Click outside to dismiss.xxxjfdalisfsadpfuaspdfoia" Grid.Row="1" TextWrapping="Wrap"/>
                </Grid>
            </Flyout>

直接复制到您的Flyout元素将符合您的要求。

Answer 2

你可以 1）为你的弹出窗口增加最大宽度

或

2）试试这个：

<Flyout Placement="full" >                 
<Grid   ScrollViewer.VerticalScrollBarVisibility="Disabled"  ScrollViewer.HorizontalScrollBarVisibility="Disabled">
........
  </Grid>
 </Flyout>

祝你好运！