Question

我的页面中有以下内容：

<ContentPage.ToolbarItems>
    <ToolbarItem Text="Run" Command="{Binding RunCommand}" />
</ContentPage.ToolbarItems>

该命令启动异步任务。我试图通过将异步任务绑定到布尔属性仍然运行来禁用控件，如下所示：

<ContentPage.ToolbarItems>
    <ToolbarItem Text="Run" Command="{Binding RunCommand}" IsEnabled="{Binding MyBoolProperty}" />
</ContentPage.ToolbarItems>

我的问题是，似乎没有＆＃34; IsEnabled＆＃34; ToolbarItem的属性。有没有办法实现我想用Xamarin.Forms做什么？

Answer 1

在William和Xamarin支持的帮助下，我终于能够找到功能如何运作。

我们期望启用/禁用按钮（ToolbarItem），这有点反直觉，但我们实际上必须管理绑定到按钮的命令的状态。一旦我们理解了这种模式，就有意义了。

ICommand类型的Command对象有一个CanExecute属性（谢谢William指出它）现在你不想直接访问/使用它，除非它是实际检查命令是否可以执行。

只要您认为代码适合，要更改命令的状态，您需要添加以下行：

((Command)_myCommand).ChangeCanExecute();

此行将强制为指定的命令重新评估CanExecute属性。

我个人决定将它添加到跟踪不活动的位置，因为它在我的应用程序中是有意义的。

public bool Inactive { 
    get { 
        return _inactive;
    } 
    set {
        if (_inactive != value) {
            _inactive = value;
            ((Command)_myCommand).ChangeCanExecute();
            OnPropertyChanged ();
        }
    }
}

在视图中，没有任何变化需要注意：

<ToolbarItem Text="Run" Command="{Binding MyCommand}" />

现在，当您创建Command对象时，将完成大量工作。我们通常使用单个参数构造函数，因为它通常是足够的，它是我们定义命令的作用的地方。有趣的是，还有一个2参数构造函数，您可以在其中提供确定CanExecute属性值的函数/操作。

_myCommand = new Command (async () => {
                                          Inactive = false;
                                          await Run();
                                          Inactive = true;
                                      },
                                      () => {
                                          return Inactive;
                                      });


public ICommand MyCommand {
    get { 
        return _myCommand;
    }
}

编辑：我知道你在技术上改变Inactive的值应该在Run（）中发生，但出于演示目的......

Answer 2

我在这些情况下学到的内容如下：

public Command RunCommand 
{ 
    get { return new Command(async() => await OnRunCommand()); }
}    

private bool _isRunning;

public async Task OnRunCommand() 
{
    if (_isRunning) return;
    _isRunning = true;

    // do stuff

    _isRunning = false;
}

缺点：这会使工具栏项保持正常状态，用户可以继续点击它。

上升：这不会同时允许OnRunCommand任务，这很好。

如果您想通过显示禁用的图像来禁用该按钮，则应创建一个渲染器。

如果您不想在任务运行时显示工具栏项，请考虑从页面中删除工具栏项并稍后重新添加。

Answer 3

此示例是删除，而不是禁用，但可能也很方便。

    ToolbarItem delToolbar;       

    ...

        delToolbar = new ToolbarItem
        {
            Order = ToolbarItemOrder.Primary,                
            Text = "delete",              
            Command = new Command(async () =>
            {                                       
                ToolbarItems.Remove(delToolbar);
            })
        };
        ToolbarItems.Add(delToolbar);

Answer 4

LostBalloon 的答案在使用 CanExecute 命令方面是正确的。但我面临的问题是 ToolbarItems 视觉状态 没有改变。我希望辅助工具栏项（即菜单项）在禁用时变灰（换句话说，当 CanExecute 返回 false 时）。一些作者说这是一个错误。可能是一个错误，但以下解决方案对我有用。

结果：

将 Resources/layout/Toolbar.xml 文件中的主题设置为 MyToolbarTheme：

<androidx.appcompat.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/MyToolbarTheme"
 />

在MyToolbarTheme中添加主题Resources/values/styles.xml：

<style name="MyToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
    <item name="android:textColor">@color/menu_item_color_selector</item>
    </style>

现在创建一个新文件 Resources/color/menu_item_color_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" android:color="#000"/>
    <item android:color="#999"/>
</selector>

旁注：

您可以使用不同的父主题，例如，您可以使用 androidx.appcompat.widget.Toolbar 代替 com.google.android.material.appbar.MaterialToolbar。两种方式都可以。
有些作者引用了属性 actionMenuTextColor 来更改菜单项字体颜色，但是这个对我不起作用（不知道为什么）。相反，我使用的是 android:textColor 并且它有效。
您可以在 android:background 中使用 Toolbar.xml 来设置工具栏本身的背景。
您可以通过在 colorControlNormal 中设置 MyToolbarTheme 来更改 3 个点的颜色：

<item name="colorControlNormal">#0FF000</item>

您在 Visual Studio 中创建的任何 Android XML 资源文件，必须将构建操作 AndroidResource 和自定义工具字段设置为 MSBuild:UpdateGeneratedFiles（将其设置在文件的属性窗口中）
除了 #5 之外，Toolbar.xml 文件还必须在 MainActivity.cs 中引用：

protected override void OnCreate(Bundle bundle)
{
    ToolbarResource = Resource.Layout.Toolbar;
    base.OnCreate(bundle);
    ...
}

确保您在 android:theme 中使用 Toolbar.xml 标签，而不是 android:popupTheme。不知道为什么，但 popupTheme 对我不起作用。

禁用ToolbarItem Xamarin.Forms

4 个答案:

结果：

旁注：

禁用ToolbarItem Xamarin.Forms

4 个答案:

结果：

要将禁用的工具栏项目灰显：

旁注：