AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 76919958
Accepted
Frank Mehlhop
Frank Mehlhop
Asked: 2023-08-17 16:59:07 +0800 CST2023-08-17 16:59:07 +0800 CST 2023-08-17 16:59:07 +0800 CST

MAUI 如何通过布尔变量将 Shell BackgroundColor 绑定到 StaticResource 颜色?

  • 772

我将通过布尔变量将 StaticResource 颜色作为 BackgroundColor 绑定到 Shell(在 AppShell.xaml 中)。我的解决方案不起作用。我总是得到默认的背景颜色(参见底部的样式)。我从来没有得到Yellow100或Gray500。 错误在哪里呢?

<Shell ...  
    xmlns:viewModels="clr-namespace:MyApp.ViewModels"
    x:DataType="viewModels:AppShellViewModel"
    BackgroundColor="{Binding IsOnline, Converter={StaticResource BoolToColorConverter}}" >

    <Shell.Resources>
        <ResourceDictionary>
            <toolkit:IsStringNotNullOrEmptyConverter x:Key="IsStringNotNullOrEmptyConverter" />
            <toolkit:BoolToObjectConverter x:Key="BoolToColorConverter" TrueObject="{StaticResource Yellow100}" FalseObject="{StaticResource Gray500}" />
        </ResourceDictionary>
    </Shell.Resources>

我还尝试使用x:TypeArguments="Color"或x:DataType="Color"

我的视图模型:

public partial class AppShellViewModel : ObservableObject
{
    [ObservableProperty]
    private bool _isOnline;

    public AppShellViewModel(ConnectionStateService connectionStateService)
    {
        IsOnline = connectionStateService.IsOnline();
    }
}

我的颜色.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

    <Color x:Key="Gray500">#6E6E6E</Color>
    <Color x:Key="Yellow100">#F7B548</Color>

我尝试过这个并且效果很好:

BackgroundColor="{StaticResource Yellow100Accent}"

默认颜色是通过 Styles.xaml 中的 Style 设置的:

<Style TargetType="Shell" ApplyToDerivedTypes="True">
    <Setter Property="Shell.BackgroundColor"
            Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource Gray950}}" /> ...

AppShell.xaml.cs:

public partial class AppShell
{
    private readonly AppShellViewModel _appShellViewModel;

    public AppShell(AppShellViewModel appShellAppShellViewModel)
    {
        _appShellViewModel = appShellAppShellViewModel;

        BindingContext = _appShellViewModel;

        InitializeComponent();

        Routing.RegisterRoute(nameof(FirstPage), typeof(FirstPage));
        Routing.RegisterRoute(
    ...
    } ....
converters
  • 1 1 个回答
  • 37 Views

1 个回答

  • Voted
  1. Best Answer
    Liyun Zhang - MSFT
    2023-08-17T18:36:47+08:002023-08-17T18:36:47+08:00

    数据触发器可能是更好的选择:

    <Shell.Triggers>
            <DataTrigger TargetType="Shell" Binding="{Binding IsOnline}" Value="True">
                <Setter Property="BackgroundColor" Value="{StaticResource Yellow100Accent}"/>
            </DataTrigger>
            <DataTrigger  TargetType="Shell" Binding="{Binding IsOnline}" Value="False">
                <Setter Property="BackgroundColor" Value="{StaticResource Blue100Accent}"/>
            </DataTrigger>
        </Shell.Triggers>
    
    • 1

相关问题

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    使用 <font color="#xxx"> 突出显示 html 中的代码

    • 2 个回答
  • Marko Smith

    为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类?

    • 1 个回答
  • Marko Smith

    您可以使用花括号初始化列表作为(默认)模板参数吗?

    • 2 个回答
  • Marko Smith

    为什么列表推导式在内部创建一个函数?

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Marko Smith

    java.lang.NoSuchMethodError: 'void org.openqa.selenium.remote.http.ClientConfig.<init>(java.net.URI, java.time.Duration, java.time.Duratio

    • 3 个回答
  • Marko Smith

    为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)?

    • 4 个回答
  • Marko Smith

    为什么库中不调用全局变量的构造函数?

    • 1 个回答
  • Marko Smith

    std::common_reference_with 在元组上的行为不一致。哪个是对的?

    • 1 个回答
  • Marko Smith

    C++17 中 std::byte 只能按位运算?

    • 1 个回答
  • Martin Hope
    fbrereto 为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类? 2023-12-21 00:31:04 +0800 CST
  • Martin Hope
    比尔盖子 您可以使用花括号初始化列表作为(默认)模板参数吗? 2023-12-17 10:02:06 +0800 CST
  • Martin Hope
    Amir reza Riahi 为什么列表推导式在内部创建一个函数? 2023-11-16 20:53:19 +0800 CST
  • Martin Hope
    Michael A fmt 格式 %H:%M:%S 不带小数 2023-11-11 01:13:05 +0800 CST
  • Martin Hope
    God I Hate Python C++20 的 std::views::filter 未正确过滤视图 2023-08-27 18:40:35 +0800 CST
  • Martin Hope
    LiDa Cute 为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)? 2023-08-24 20:46:59 +0800 CST
  • Martin Hope
    jabaa 为什么库中不调用全局变量的构造函数? 2023-08-18 07:15:20 +0800 CST
  • Martin Hope
    Panagiotis Syskakis std::common_reference_with 在元组上的行为不一致。哪个是对的? 2023-08-17 21:24:06 +0800 CST
  • Martin Hope
    Alex Guteniev 为什么编译器在这里错过矢量化? 2023-08-17 18:58:07 +0800 CST
  • Martin Hope
    wimalopaan C++17 中 std::byte 只能按位运算? 2023-08-17 17:13:58 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve