以上覆盖层弹出

我有一个弹出窗口，当用户更改数据时，我想在内容加载时使其完全无法访问。我已经通过在Z-Index中的最高点处使用ProgressRing的网格来实现其他控件，我在加载数据之前显示并在之后隐藏。以上覆盖层弹出

问题是，弹出窗口呈现超出其他所有内容，这使得它仍然可以访问。即使将页面的“IsEnabled”属性设置为“False”，也可使其中的控件保持可见。

这里的问题的截图：

它看起来像什么：

（组合框的交互）

它应该是什么样子：

（组合框不是互动的）

关于如何解决这个问题的任何想法？

来源

2017-01-30 user2950509

不知道如果我理解正确的，但是你可以用IsHitTestVisible和不透明度尝试的你性质弹出的内容。我做了一个简单的例子，它会如何工作 - 页面的XAML：

<Page.Resources> 
    <local:NullableToBool x:Key="NullConverter"/> 
</Page.Resources> 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Width="400" Height="200"> 
    <ProgressRing Width="100" Height="100" Margin="50" HorizontalAlignment="Left" VerticalAlignment="Center" Visibility="Visible" 
        IsActive="{x:Bind TheButton.IsChecked, Mode=OneWay, Converter={StaticResource NullConverter}}"/> 
    <Button Content="Show flyout" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="50"> 
     <Button.Flyout> 
      <Flyout> 
       <Border Background="Gray" IsHitTestVisible="{x:Bind IsActive, Mode=OneWay}" Opacity="{x:Bind FlyoutOpacity, Mode=OneWay}"> 
        <ToggleButton Margin="20" x:Name="TheButton" IsChecked="False" Click="TheButton_Click" Content="Doing smth" Width="100"/> 
       </Border> 
      </Flyout> 
     </Button.Flyout> 
    </Button> 
</Grid>

和后面的代码：

public class NullableToBool : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     return value is bool ? (bool)value : false; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     throw new NotImplementedException(); 
    } 
} 

public sealed partial class MainPage : Page, INotifyPropertyChanged 
{ 
    public event PropertyChangedEventHandler PropertyChanged; 
    private void RaiseProperty(string name) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name)); 

    private bool isActive = true; 
    public bool IsActive 
    { 
     get { return isActive; } 
     set { isActive = value; RaiseProperty(nameof(IsActive)); } 
    } 

    private double flyoutOpacity = 1.0; 
    public double FlyoutOpacity 
    { 
     get { return flyoutOpacity; } 
     set { flyoutOpacity = value; RaiseProperty(nameof(FlyoutOpacity)); } 
    } 

    public MainPage() 
    { 
     this.InitializeComponent(); 
    } 

    private async void TheButton_Click(object sender, RoutedEventArgs e) 
    { 
     IsActive = false; 
     FlyoutOpacity = 0.1; 
     await Task.Delay(3000); 
     IsActive = true; 
     FlyoutOpacity = 1.0; 
     (sender as ToggleButton).IsChecked = false; 
    } 
}

来源

2017-01-30 20:07:08 Romasz

如果你只是想阻止用户界面，而ProgressRing表现。您可以在Template10中使用ModalDialog。

几乎每一个应用程序有需要显示某种形式的一个模式对话框 - UI元素与应用程序的其余部分，直到用户交互块已驳回或某些应用程序的任务已经完成。

来源

2017-01-31 06:18:52

以上覆盖层弹出

回答

相关问题