从 Viewmodel 更改 Xamarin 表单中的背景颜色的问题

Question

更改条目的文本值和条目的背景颜色有什么不同吗？

在此处使用代码...https://github.com/jamesmontemagno/app-compass。我可以添加一个条目

       <Entry Placeholder="Degree to follow:" 
               Text="{Binding Degree}"  x:Name="Degree" 
               Keyboard="Numeric" 
               Grid.Row="0"  BackgroundColor="Green"/>

在 ViewModel 中定义一个属性

       public string _degree;
        public string Degree
        {
            get => _degree; 
            set => SetProperty(ref _degree, value); 
        }

我可以从视图模型中更改条目..."_degree = "3333";" 我可以得到它的价值..."HeadingDisplay = $"Heading: {Heading.ToString()}" + " Degree: " + _degree;"

那么，为什么我不能以相同的方式更改条目、标签或页面之一的背景颜色？ 我在这里添加了绑定...

       <Label Grid.Row="2" 
            Text="{Binding HeadingDisplay}" 
           x:Name="LabelInfo"
              TextColor="{Binding BGColor, Mode=OneWay}" 
           VerticalOptions="Center" 
           HorizontalOptions="Center" />

然后尝试在 ViewModel 中更改它，我尝试了一些不同的东西...

        public Color BGColor { get; set; }

        //public Color BgColor
        //{
        //    get => _bgcolor;
        //    set => SetProperty(ref _bgcolor, value);
        //}
               //_bgcolor = "#00FF00;
                //_bgcolor = Xamarin.Forms.Color.Red;
                BGColor = Color.Red;

背景颜色永远不会改变。我需要转换器吗？页面是否需要重新显示，还是什么？

根据下面的cmets，我做了一些更改，我现在绑定标签背景，而不是文本背景

        <Label Grid.Row="2" 
            Text="{Binding HeadingDisplay}" 
           x:Name="LabelInfo" BackgroundColor="{Binding=BGCOLOR Mode=OneWay}" 
           VerticalOptions="Center" 
           HorizontalOptions="Center" />

在视图模型中，这是现在的代码

 public Color _bgcolor;
        public Color BGCOLOR
        {
            get => _bgcolor;
            set => SetProperty(ref _bgcolor, value);
        }

//set the color here
               _bgcolor = Color.Red;

仍然没有颜色变化。我不清楚关于两种颜色类型的评论。你能指点我链接，或者举个例子吗？我也尝试过发送 FromHex。

Answer 1

这里是如何修改 Control 的Color 和 Text 的示例，您可以参考检查问题所在。

创建一个 ViewModel 类：

public class ViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private Color color { set; get; }

    public Color Color
    {
        set
        {
            if (color != value)
            {
                color = value;
                OnPropertyChanged("Color");
            }
        }
        get
        {
            return color;
        }
    }

    private string textValue { set; get; }

    public string TextValue
    {
        set
        {
            if (textValue != value)
            {
                textValue = value;
                OnPropertyChanged("TextValue");
            }
        }

        get { return textValue; }
    }

    public ViewModel()
    {
        color = Color.Red;
        textValue = "Default Text";
    }

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Xaml 代码：

<StackLayout>
    <!-- Place new controls here -->
    <Label Text="{Binding TextValue}" TextColor="{Binding Color}"
       HorizontalOptions="Center"/>
    <Entry Text="{Binding TextValue}" TextColor="{Binding Color}"/>
    <Button Text="Change" Clicked="Button_Clicked"/>
</StackLayout>

在 ContentPage 中可以修改如下值：

public partial class MainPage : ContentPage
{
    ViewModel viewModel;
    public MainPage()
    {
        InitializeComponent();
        viewModel = new ViewModel();
        BindingContext = viewModel;
    }

    private void Button_Clicked(object sender, EventArgs e)
    {
        viewModel.TextValue = "New Value";
        viewModel.Color = Color.Green;
    }
}

效果：