5

MyCommandBar在 XAML 中将其 IsOpen 属性设置为 true，因此每个按钮的 is 文本都是可见的，因为我希望描述保持可见。

当我单击省略号按钮时，它会隐藏文本，第二次单击它时，出现以下错误：

No installed components were detected. Cannot resolve TargetName HighContrastBorder.

用户界面有些尴尬，也许与此有关，但我不知道是什么或为什么：

在此处输入图像描述

如您所见，我正在显示的各种按钮的按钮文本被截断：

代码方面，据我所知，它没有什么特别之处：

<Page.BottomAppBar>
    <CommandBar IsOpen="True" 
                ClosedDisplayMode="Compact" 
                IsSticky="True"
                Visibility="{Binding 
                CommandBarViewModel.IsCommandBarVisible, 
                Converter={StaticResource BoolToVisibilityConverter}}"
                Background="{ThemeResource SystemControlBackgroundAccentBrush}">

        <AppBarButton 
            Icon="Add" 
            Label="Add" 
            Foreground="White"
            Command="{Binding CommandBarViewModel.AddCommand}"
            Visibility="{Binding CommandBarViewModel.IsAddVisible,
                         Converter={StaticResource BoolToVisibilityConverter}}"/>

        <AppBarButton 
            Icon="Refresh" 
            Label="Refresh" 
            Foreground="White" 
            Command="{Binding CommandBarViewModel.RefreshListCommand}" 
            Visibility="{Binding 
            CommandBarViewModel.IsRefreshListVisible, 
            Converter={StaticResource BoolToVisibilityConverter}}"/>
    </CommandBar>
</Page.BottomAppBar>

没有 InnerException 并且从 App.gics 抛出异常

#if DEBUG && !DISABLE_XAML_GENERATED_BREAK_ON_UNHANDLED_EXCEPTION
 UnhandledException += (sender, e) =>
        {
            if (global::System.Diagnostics.Debugger.IsAttached) 
            global::System.Diagnostics.Debugger.Break();
        };
#endif

关于我的问题的任何想法，即文本截断和未处理的异常？

谢谢

更新 - 1：

当我从属性中删除绑定属性（CommandBarViewModel.IsCommandBarVisible）并将其硬编码为即可见性VisibleCommandBarVisible

        <AppBarButton 
            Icon="Add" 
            Label="Add" 
            Foreground="White"
            Command="{Binding CommandBarViewModel.AddCommand}"
            Visibility="{Binding CommandBarViewModel.IsAddVisible,
                         Converter={StaticResource BoolToVisibilityConverter}}"/>

但是这次我收到以下错误：

An exception of type 'System.Runtime.InteropServices.COMException' 
occurred in GalaSoft.MvvmLight.dll but was not handled in user code

WinRT information: Cannot resolve TargetName HighContrastBorder.

Additional information: No installed components were detected.

如您所见，但它似乎来自 MVVMLight ？？？没有意义！

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

更新 - 2：

如果我删除所有可见性属性（及其相应的绑定），命令会相应地显示（即不再有截断文本），我可以一遍又一遍地单击省略号按钮，它不再崩溃！

所以它肯定与 Visibility 相关，并将其绑定到视图模型的属性，但具体是什么，我不知道。

可能是 ViewModel 仅在页面加载时构建，在这个阶段，CommandBar 和它的按钮正确初始化为时已晚。

奇怪的是，关于显示/隐藏按钮的所有内容都按预期工作，除了我的文本被截断并且我无法单击省略号按钮或它崩溃。

更新 - 3：

我找到了一种解决方法，我不会在它上面跳来跳去，因为我觉得它是错误的，但现在它会做。为了避免这个错误，我确保在初始化 ViewModel 时将命令栏和按钮设置为可见，然后根据它所在的页面相应地隐藏它们。

公共类 AppShellViewModel { 公共无效 AppShellViewModel { this.CommandBarViewModel.IsCommandBarVisible = true; this.CommandBarViewModel.IsAddVisible = true; this.CommandBarViewModel.IsRefreshVisible = true; this.CommandBarViewModel.IsCancelVisible = true; }

...

\\Hide buttons accordingly in the various parts of your app.
this.CommandBarViewModel.IsCancelVisible = false;

}

就我个人而言，我觉得这是 CommandBar 控件和按钮的错误，因为我应该能够从一开始就隐藏它（及其按钮），它应该

a) 能够无任何错误地处理这个问题。b）能够正确地“重绘”自身而无需切断文本。

我当然可能是错的，这可能与我的代码有关，但从我的角度来看，删除可见性绑定可以修复它并使其可见首先修复它，所以它似乎指向这种方式。

更新 - 4：

这是实际的代码。我已经尽可能地简化了它（即删除了命名空间、DataTemplates、主要内容等），只留下了 CommandBar 及其按钮。希望这会有所帮助。

正如您在使用 mvvmlight 时所看到的，我的源设置为Locator并且我的路径设置为相关的ViewModel，在本例中为 AppShellViewModel。

然而，正如向 Grace 解释的那样，当我使用 x:bind 而不是绑定时，我收到以下错误：

Invalid binding path 'CommandBarViewModel.IsCommandBarVisible' :
Property 'CommandBarViewModel' can't be found on type 'AppShell'    
MyApp ..\MyApp\Views\AppShell.xaml


XAML 代码： 

    <Page.Resources>
        <converters:NullToVisibilityConverter x:Key="NullToVisibilityConverter" />
        <converters:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" />
        <x:Double x:Key="EllipseDimension">30</x:Double>
    </Page.Resources>

    <Page.BottomAppBar>
        <CommandBar x:Name="AppBar"
                    IsOpen="{x:Bind CommandBarViewModel.IsCommandBarVisible}" 
                    ClosedDisplayMode="Compact" 
                    IsSticky="{x:Bind CommandBarViewModel.IsCommandBarVisible}"
                    Visibility="{x:Bind CommandBarViewModel.IsCommandBarVisible, 
Converter={StaticResource BoolToVisibilityConverter}}"
                    Background="{ThemeResource SystemControlBackgroundAccentBrush}"
                    IsEnabled="{x:Bind IsNotBusy}">
            <AppBarButton 
                Icon="Add" 
                Label="Add" 
                Foreground="White"
                Command="{x:Bind CommandBarViewModel.RegisterCommand}"
                Visibility="{x:Bind CommandBarViewModel.IsRegisterVisible, 
Converter={StaticResource BoolToVisibilityConverter}}"/>

            <AppBarButton 
                Icon="Refresh" 
                Label="Refresh" 
                Foreground="White" 
                Command="{x:Bind CommandBarViewModel.RefreshListCommand}" 
                Visibility="{x:Bind CommandBarViewModel.IsRefreshListVisible, 
Converter={StaticResource BoolToVisibilityConverter}}"/>
        </CommandBar>
    </Page.BottomAppBar>
</Page>

谢谢。

4

2 回答 2

1

我用您的代码创建了一个示例项目：

xml:

<Page
    x:Class="CommandBarSample.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CommandBarSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" x:Name="root">

    </Grid>

    <Page.BottomAppBar>

            <CommandBar IsOpen="True" 
                IsSticky="True"
                        ClosedDisplayMode="Compact"
                Background="{ThemeResource SystemControlBackgroundAccentBrush}">

                <AppBarButton 
            Icon="Add" 
            Label="Add" 
            Foreground="White"
            Command="{Binding CommandBarViewModel.RegisterCardCommand}"
            />

                <AppBarButton 
            Icon="Refresh" 
            Label="Refresh" 
            Foreground="White" 
            Command="{Binding CommandBarViewModel.RefreshCardListCommand}" 
            />
            </CommandBar>

    </Page.BottomAppBar>
</Page>

xml.cs：

默认模板，不更改任何内容。

我无法重现您的异常和 UI 错误，这是我的猜测：在您的项目的某个地方，您提到HighContrastBorder作为样式的目标。我建议您在其他地方找到并修复它，您发布的代码正在运行。我的构建是 14316 桌面。

更新

我添加Visibility="{Binding ShowButton}"到 AppBarButton，添加this.DataContext = this;到xaml.cs 的构造函数

在 xaml.cs 中添加以下内容：

private bool _ShowButton = true;

        public bool ShowButton
        {
            get
            {
                return _ShowButton;
            }
            set
            {
                Set(ref _ShowButton, value);
            }
        }

        private void Set(ref bool _ShowButton, bool value, [CallerMemberName] string property = "")
        {
            _ShowButton = value;
            NotifyPropertyChanged(property);
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }

当我更改ShowButton值时，可见性会相应更新。

于 2016-04-12T13:40:10.817 回答
1

没有 InnerException 并且从 App.gics 抛出异常

#if DEBUG && !DISABLE_XAML_GENERATED_BREAK_ON_UNHANDLED_EXCEPTION
 UnhandledException += (sender, e) =>
        {
            if (global::System.Diagnostics.Debugger.IsAttached) 
            global::System.Diagnostics.Debugger.Break();
        };
#endif

Add当按钮或Refresh按钮在代码运行的最开始设置为不可见时，我可以重现此问题。

要解决此问题，您可以使用x:Bind代替Binding. {x:Bind} 执行在编译时生成的专用代码，而 {Binding} 使用通用运行时对象检查。

如果你一开始将“假”（不可见）设置为IsAddVisible或IsRefreshListVisible，它不会生成匹配AppbarButton的，错误将发生使用Binding。比如你x:Bind设置了对按钮不可见，对Refresh按钮可见，你会发现Button 中Add没有空格，按钮将替换它。这可以证实我的观点，如果你设置为初始化时，它不会生成这个按钮。RefreshCommandBarAddfalseAppbarButtonCommandbar

未检测到已安装的组件。无法解析 TargetName HighContrastBorder

如果您检查模板，CommandBar您会Rectangle看到HighContrastBorder.CommandBar

HighContrastBorder或者，您可以在代码运行时使用 Live Visual Tree 找到它：

在此处输入图像描述

如您所见，它Rectangle是ContentRoot.CommandBar

我无法重现此问题或文本截断问题，它们在我身边总是可以正常工作。我正在使用 MVVM，但我没有使用 MVVMLight 来测试问题。也许你可以分享你的样品。

于 2016-04-13T09:45:31.257 回答