win-universal-app – Windows 10 Universal app flyout,如何删

发布时间：2020-12-14 04:00:12 所属栏目：Windows 来源：网络整理

导读：我有一个带有TextBlock的Flyout视图.文本块有多行文本数量,我希望它像往常一样包装到下一行,但是当它在Flyout中使用时会滚动屏幕…如何禁用滚动视图弹出窗口？弹出式XAML： ... AppBarButton.Flyout Flyout Placement="Full" local:MyView/ /Flyout /AppBar

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

弹出式XAML：

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

我的观点XAML：

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

它是这样的：

Wrapping problem

解决方法

要设置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元素将满足您的要求.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!