Question

终极目标

当用户点击Expand按钮时，我希望WebContainerControl全屏显示，重点关注，不允许在ScrollViewer中滚动，并重叠标题网格（使用后退按钮，页面标题等。）

基本上，它应该像点击一个漂亮的照片查看应用程序中的照片。 Exapnd到全屏，右上角有一个X按钮，当你点击它时，它会回到常规视图。

问题

由于它是WebView，我无法简单地将视图传递给弹出窗口（它给了我一个无效的args异常，因为当前的浏览会话无法通过引用传递......他们登录了一个网站，所以我认为这是不安全的。

我有一个带有webview的XAML控件：

<UserControl x:Class="App.WebContainerControl">
    <Grid x:Name="grdWebContainer">
        <StackPanel>
            <Button Click="btnExpandView_Click"/>
            <WebView x:Name="wvSite"/>
        </StackPanel>
    </Grid>
</UserControl>

以下是将加载到的示例视图：

<Grid x:Name="grdMain">
    <Grid.RowDefinitions>
        <RowDefinition Height="140"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <!-- Title Grid -->
    <Grid x:Name="grdTitleBar" Grid.Row="0">
        <TextBlock Text="App Title"/>
    </Grid>
    <!-- Web Views -->
    <Grid Grid.Row="1">
        <ScrollViewer>
            <StackPanel>
                <controls:WebContainerControl x:Name="First Site"/>
                <controls:WebContainerControl x:Name="Second Site"/>
            </StackPanel>
        </ScrollViewer>
    </Grid>
</Grid>

到目前为止我有什么

到目前为止，当他们按下Expand按钮时，它会使控件全屏显示（使用Current.Window.Bounds）然后，我将按下按钮的事件传递给主视图：

private void OnAccount_Expanded(object sender, ExpandedEventArgs args) {
    // Expanded button is pressed and control is made full screen
    if (args.IsExpanded) {
        // Hide titlebar
        grdMain.RowDefinitions[0].Height = GridLength.Auto;
        grdTitleBar.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
    }
    else {
        // show titlebar again
        GridLength gl = new GridLength(140);
        grdMain.RowDefinitions[0].Height = gl;
        grdTitleBar.Visibility = Windows.UI.Xaml.Visibility.Visible;
    }
}

问题

现在，它使它全屏，但我仍然可以滚动。知道如何将ScrollViewer设置为在控件上水平居中吗？如果有人对如何实现我的Ultimate Goal有更好的了解，那么你会让我成为一个快乐的露营者！（记住，它不允许我绕过我的控制，只能操纵它）

Answer 1

如果我理解得很好，请在您的滚动查看器上输入名称

<ScrollViewer Name="uiScroll" >
        ............
 </ScrollViewer >

当你在全屏设置滚动条的可见性

时

  uiScroll.HorizontalScrollBarVisibility = ScrollBarVisibility.Disabled;

使用WebView全屏进行XAML控制

1 个答案: