问题[xaml](coding)

在我的 .NET MAUI 应用程序中，我想在 XAML 中格式化日期/时间，以显示日期以及星期几的简称。例如，日期 24.11.2024 应显示如下（使用德语星期几缩写 as Sonntag）So：

所以24.11.24

对于此方法：

<Label>
    <Label.FormattedText>
        <FormattedString>
             <Span Text="{Binding StartDate, StringFormat='{0:ddd}'}" FontAttributes="Bold" />
                <Span Text=" " />
                <Span Text="{Binding StartDate, StringFormat='{0:dd.MM.yy}'}" />
        </FormattedString>
    </Label.FormattedText>                                    
</Label>

日期显示如下：

周日24.11.24

即使用英文名称缩写（Sunday）。

我的问题是，有没有办法在 XAML 中转换日期时指定自定义文化？

我有一个小型 MAUI 程序使用CollectionView- 并且每个项目都有附带命令的按钮（例如 changeitem）

应用程序可以正常运行。但我在编译和运行时收到有关数据绑定的警告。

            <CollectionView.ItemTemplate>
            <DataTemplate x:DataType="model:CheckItem">
                <Grid ColumnDefinitions="*,Auto" ColumnSpacing="{StaticResource StdSpacing}">
                    <Grid
                        Grid.Column="1"
                        Margin="{StaticResource StdMargin}"
                        ColumnDefinitions="auto,auto"
                        ColumnSpacing="{StaticResource StdSpacing}">
                        <Button
                            Grid.Column="0"
                            Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:OverviewViewModel}}, Path=ChangeItemCommand}"
                            CommandParameter="{Binding .}"
                            Style="{x:StaticResource GoogleFont}"
                            Text="{x:Static font:GoogleIconFont.Edit}" />
                    </Grid>
                </Grid>
            </DataTemplate>
        </CollectionView.ItemTemplate>

命令位于 ViewModel 中，viewmodel:OverviewViewModel而项目的数据模型位于中model:CheckItem。

ContenPage 以以下内容开始：

x:Class="BicycleCheckList.OverviewPage"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:font="clr-namespace:BicycleCheckList.Utils"
xmlns:local="clr-namespace:BicycleCheckList.Resources.Strings"
xmlns:model="clr-namespace:BicycleCheckList.Models"
xmlns:utils="clr-namespace:BicycleCheckList.Utils"
xmlns:viewmodel="clr-namespace:BicycleCheckList.ViewModels"
Title="{Binding Title}"
x:DataType="viewmodel:OverviewViewModel">

在编译时，我收到一个警告： XC0045 Binding: Property "ChangeItemCommand" not found on "BicycleCheckList.Models.CheckItem".

命令的绑定Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:OverviewViewModel}}, Path=ChangeItemCommand}"没有找到该命令。

为什么？

该（玩具）应用程序也可以在Github上找到

在数据网格上下文中，所选项目有双向绑定，如果选择了多行，如何防止 g.cs 代码更新绑定？

  <dataGridControl:DataGrid 
         SelectedItem="{x:Bind Model.SelectedItem, Mode=TwoWay}"

在用户选择多行的情况下，当您选择多行时，它将使用最后选择的行，当然，考虑到它是双向绑定，您不能在不清除整个 DataGrid 选择的情况下清除视图模型中的选定项属性。考虑到选择了多行而不是最后一行，视图模型中的选定项具有误导性。

我想根据数据网格的选定项数获得可见性。但是，这在 WinUI 中似乎不起作用，但在 WPF 中却可以正常工作？

转换器：

 public object Convert(object value, Type targetType, object parameter, string language)
  {
      if ((int)value == 1)
          return Visibility.Visible;
      else
          return Visibility.Collapsed;
  }

裝備：

   Visibility="{Binding ElementName=DataGrid,Path=SelectedItems.Count, 
     Converter={StaticResource Converter}}"

还尝试使用 x:Bind：

  Visibility="{x:Bind DataGrid.SelectedItems.Count, 
    Converter={StaticResource CountToVisibilityConverter}}"

我觉得该属性没有更新。如果我在转换器中设置断点，它只会在初始阶段被调用。

使用 Community ToolKit 中的 DataGrid。如何绑定事件处理程序来监听 DataGridComboBoxColumn 中的更改？

我目前正在研究 Avalonia，想要构建可重复使用的控件，可以在我的最终应用程序的多个地方使用。

为了简单起见，我想要一个UserControl名为的FilePicker，它只是一个Button。单击后，应打开一个文件选择器对话框（此代码不是我的问题的一部分）。

使用的控件FilePicker应该绑定到选定的文件并对其执行任何操作。

我从当前开始，Avalonia template in Visual Studio 2022最终形成如下文件夹结构：

这FilePicker.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:userControls="clr-namespace:FoodShiner.Avalonia.UserControls"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="FoodShiner.Avalonia.UserControls.FilePicker"
             x:DataType="userControls:FilePickerViewModel">
    <Button Command="{Binding OpenFileDialog}">Test</Button>
</UserControl>

隐藏代码FilePicker.axaml.cs：

using Avalonia.Controls;

namespace FoodShiner.Avalonia.UserControls;

public partial class FilePicker : UserControl
{
    public FilePicker()
    {
        InitializeComponent();
    }
}

和视图模型FilePickerViewModel.cs：

using System.Threading.Tasks;
using CommunityToolkit.Mvvm.Input;
using FoodShiner.Avalonia.ViewModels;

namespace FoodShiner.Avalonia.UserControls
{
    internal partial class FilePickerViewModel : ViewModelBase
    {
        [RelayCommand]
        public async Task OpenFileDialog()
        {
            
        }
    }
}

编译、构建和运行没有任何问题，显示了名为 的按钮Test。一旦点击，我得到

尝试通过方法“CompiledAvaloniaXaml.XamlIlTrampolines.FoodShiner.Avalonia:FoodShiner.Avalonia.UserControls.FilePickerViewModel+OpenFileDialog_0!CommandExecuteTrampoline(System.Object, System.Object)”访问方法“FoodShiner.Avalonia.UserControls.FilePickerViewModel.OpenFileDialog()”失败。

public因此我将绑定命令的修饰符更改为

System.InvalidCastException：“无法将类型为‘FoodShiner.Avalonia.ViewModels.MainViewModel’的对象转换为类型‘FoodShiner.Avalonia.UserControls.FilePickerViewModel’。”

我开始觉得我的整个概念都是错的，这不是解决问题的办法。另一方面，通过构建可重用控件似乎是一件“简单”的事情。我还尝试了一个专用库（可能会以 nuget 的形式发布），但这个也失败了。

另一方面，他们AavaloniaUI无法为我提供一些关于如何做到这一点的有用示例。XAML、WPF 或 CommunityToolkit 都没有帮助。由于我现在已经是 blazor-dev 了，这似乎更加复杂，因为 blazor 中的概念有点不同

以下是其他文件（可能有帮助）

MainView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="clr-namespace:FoodShiner.Avalonia.ViewModels"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="FoodShiner.Avalonia.Views.MainView"
             x:DataType="vm:MainViewModel">
  <Design.DataContext>
    <!-- This only sets the DataContext for the previewer in an IDE,
         to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
    <vm:MainViewModel />
  </Design.DataContext>
</UserControl>

和`MainWindow.axaml

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:uc="using:FoodShiner.Avalonia.UserControls"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="FoodShiner.Avalonia.Views.MainWindow"
        Icon="/Assets/avalonia-logo.ico"
        Title="FoodShiner.Avalonia" 
        RequestedThemeVariant="Dark"
        HorizontalContentAlignment="Center" 
        VerticalContentAlignment="Center">
        <uc:FilePicker />
</Window>

我想要设置 Avalonia Slider Control 的尺寸和颜色样式。

从视觉上看，它似乎可以工作，但它会停止滑动功能，我尝试查看Slider 源代码以找出如何正确执行此操作，但无法弄清楚。这是我正在使用的代码：

<Border BorderThickness="1" BorderBrush="DarkGray" VerticalAlignment="Center" HorizontalAlignment="Center">
    <Slider Width="200" Height="100" Margin="10" Minimum="120" Maximum="255" Value="210">
        <Slider.Styles>
            <Style Selector="Slider:horizontal">
                <Setter Property="MinWidth" Value="40" />
                <Setter Property="MinHeight" Value="20" />
                <Setter Property="Template">
                    <ControlTemplate>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" MinHeight="20" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Border Grid.Row="1" Height="6" Margin="6,0" VerticalAlignment="Center"
                                    Background="Orange" />
                            <Track Name="PART_Track" Grid.Row="1" Orientation="Horizontal">
                                <Thumb Name="thumb" MinWidth="20" MinHeight="20">
                                    <Thumb.Template>
                                        <ControlTemplate>
                                            <Ellipse Width="18" Height="18" StrokeThickness="3"
                                                     Stroke="Crimson" Fill="Green" />
                                        </ControlTemplate>
                                    </Thumb.Template>
                                </Thumb>
                            </Track>
                        </Grid>
                    </ControlTemplate>
                </Setter>
            </Style>
        </Slider.Styles>
    </Slider>
</Border>

看上去和预期的一样，但实际上并没有滑动。甚至没有设置初始值。

TextBox 控件（Microsoft.UI.Xaml.Controls.TextBox）公开一个“IsReadonly”属性，该属性似乎与 !IsEnabled 在以下方面有所不同：

• 可以选择 ReadOnly TextBox 的内容
• 默认情况下，ReadOnly TextBox 是制表位
• 只读文本框最初在视觉上与非只读文本框没有区别

其他类似文本框的控件（例如 NumberBox 和 AutoSuggestBox）没有这样的属性。有没有办法让其他在视觉上类似于 TextBox 的控件具有 ReadOnly 行为？

我试图让用户在数据网格的组合框中进行选择，但找不到正确的方法。我尝试过使用绑定和 x:bind。最好的方法是什么？我认为以下代码是正确的，但我遗漏了一些东西。

视图模型

    public partial class CustomerModel : ObservableObject
     {
         private ObservableCollection<DataType> _objects;
         public ObservableCollection<DataType> Objects
         {
             get => _objects;
             set => SetProperty(ref _objects, value);
         }
   
         private ObservableCollection<string> _field;
         public ObservableCollection<string> Field
         {
             get => _field;
             set => SetProperty(ref _field, value);
         }
    
    
         public CustomerModel()
         {
             Objects = new();
             Field = new ObservableCollection<string> { "Test", "Test" };
         }
    
    
         public class DataType : ObservableObject
         {
             public int ID { get; set; }
             public string Name { get; set; }
             public string Caption { get; set; }
             public bool Numeric { get; set; }
            
    
             public DataType()
             {
    
             }
           
         }
     }

.xaml

     <controls:DataGrid
         x:Name="dataGrid1" KeyDown="dataGrid1_KeyDown"
         ItemsSource="{x:Bind Model.Objects}" AutoGenerateColumns="False" >
         <controls:DataGrid.Columns>
             <controls:DataGridComboBoxColumn Header="Field" ItemsSource="{x:Bind Model.Field}" Tag="Field"/>
         </controls:DataGrid.Columns>
     </controls:DataGrid>

更新后的代码现在可正常工作。看起来还好吗？

        public partial class CustomerModel : ObservableObject
        {
            
            public enum Choices { A, B, C }
            [ObservableProperty]
            private ObservableCollection<DataType> _objects;
        
            
    
            public CustomerModel()
            {
                Objects = new();
                var data = new DataType();
                Objects.Add(data);
          
            }
            public static Choices[] ChoicesOptions { get; } = Enum.GetValues<Choices>();
    
    
            public partial class DataType : ObservableObject
            {
                public int ID { get; set; }
                public string Name { get; set; }
                public string Caption { get; set; }
                public bool Numeric { get; set; }
    
                [ObservableProperty]
                private  Choices _choice;
            }
        }

.xaml

      <controls:DataGridComboBoxColumn Header="Field" Binding="{Binding Choice}" ItemsSource="{x:Bind local:CustomerModel.ChoicesOptions, Mode=OneTime}" Tag="Field"

另外，我注意到您在代码隐藏文件中实例化了视图模型，这有必要吗？我没有：

       public sealed partial class DataGridPage : Page
         {
             public DataGridPage()
             {
                 this.InitializeComponent();
             }
   }

我想自定义ExpanderCommunityToolkit.Maui 包中的视图。安装Nuget包CommunityToolkit.Maui 8.0.1后，在App项目中使用没有问题。但是，如果在同一个解决方案中我添加一个 MAUI 类库项目（并安装 CommunityToCommunityToolkit.Maui 包），我会收到错误：

XFC0000 如果我使用 Expander，则无法解析类型“http://schemas.microsoft.com/dotnet/2022/maui/toolkit:ct:Expander”。是否允许在类库项目中使用 CommunityToCommunityToolkit.Maui ？

在App项目中，可以正确运行：

    <?xml version="1.0" encoding="utf-8" ?\>
    <ContentPage xmlns=".....
     xmlns:ct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
     x:Class="MauiAppTest.PageTest"\>
       <ct:Expander\>
          <ct:Expander.Header\>
              <Label Text="Click to expand" /\>
          </ct:Expander.Header\>
          <ct:Expander.Content\>
            <StackLayout\>
              <Label Text="Expanded content goes here" /\>
               Add more content here as needed --\>
              </StackLayout\>
         </ct:Expander.Content\>
       </ct:Expander\>
    </ContentPage\>

但在类库项目中，这不能编译：

   <?xml version="1.0" encoding="utf-8" ?>
     <ContentView xmlns="....
 xmlns:ct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
 x:Class="UserCtrlDr.DropDownCtrl">
     <ct:Expander>
         <ct:Expander.Header>
             <Label Text="Click to expand" />
         </ct:Expander.Header>
         <ct:Expander.Content>
             <StackLayout>
                 <Label Text="Expanded content goes here" />
                 Add more content here as needed -->
             </StackLayout>
         </ct:Expander.Content>
     </ct:Expander>
     </ContentView>`

XFC0000 无法解析类型“http://schemas.microsoft.com/dotnet/2022/maui/toolkit:ct:Expander”。UserCtrlDr (net8.0-android)、UserCtrlDr (net8.0-ios)、UserCtrlDr (net8.0-maccatalyst)、UserCtrlDr (net8.0-windows10.0.19041.0) D:\Applications\AppliTribunal\Apprentissage MAUI\excercice \MauiAppTest\UserCtrlDr\DropDownCtrl.xaml