MAUI 字符串格式化

MAUI中的字符串格式化（StringFormat）可以在绑定时使用，它允许将数据格式化为特定的字符串格式，从而使数据以更易于理解的方式呈现给用户。常用的场景包括：

日期和时间格式化：可以将日期和时间格式化为特定的格式，例如“yyyy-MM-dd HH:mm:ss”。

<Label Text="{Binding DisplayDateTime, StringFormat='{0:yyyy/MM/dd}'}" />
<Label Text="{Binding DisplayDateTime, StringFormat='{0:hh:mm:ss tt}'}" />

这两个例子分别将日期和时间的格式化字符串传递给了 StringFormat 属性。其中，yyyy 表示年份（四位数），MM 表示月份（两位数），dd 表示日期（两位数），hh 表示小时（12小时制，两位数），mm 表示分钟（两位数），ss 表示秒（两位数），tt 表示上午/下午。

数字格式化：可以将数字格式化为特定的格式，例如“N2”表示将数字格式化为带有2位小数的数字。

<Label Text="{Binding Number, StringFormat='{0:N2}'}" />

货币格式化：可以将数字格式化为货币格式，例如“C”表示将数字格式化为带有2位小数的货币格式。

<Label Text="{Binding Price, StringFormat='{0:C}'}" />

十六进制格式化：可以将数字格式化为十六进制格式，例如“X”表示将数字格式化为十六进制字符串。

<Label Text="{Binding Number, StringFormat='{0:X}'}" />

自定义格式化：可以根据需求自定义特定的字符串格式。

<Label Text="{Binding Score, StringFormat='Score: {0:0.000}'}" />

这个例子将分数格式化为保留三位小数的字符串，其中 0.000 表示自定义格式化字符串。

通过使用字符串格式化，可以更加直观地展示数据，并提高用户体验。在MAUI中，可以在XAML文件中使用 StringFormat 属性，也可以在代码中使用 String.Format 方法来实现字符串格式化。

我们也可以将StringFormat写成 StaticResource 统一管理。

<ContentPage.Resources>
    <ResourceDictionary>
        <!-- 字符串格式化器，用于格式化价格和库存信息 -->
        <x:String x:Key="PriceFormat">${0:F2}</x:String>
        <x:String x:Key="StockFormat">Total stock : {0:N0}, {1:N0} in stock</x:String>
    </ResourceDictionary>
</ContentPage.Resources>

然后在前端代码中使用：

<StackLayout>
    <!-- 商品列表 -->
    <CollectionView ItemsSource="{Binding Products}">
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <!-- 商品名称 -->
                    <Label Text="{Binding Name}" Grid.Column="0" Margin="5"/>
                    <!-- 商品价格 -->
                    <Label Text="{Binding Price, StringFormat={StaticResource PriceFormat}}" Grid.Column="1" Margin="5"/>
                    <!-- 商品库存量 -->
                    <Label Grid.Column="2" Margin="5">
                        <Label.Text>
                            <MultiBinding StringFormat="{StaticResource StockFormat}">
                                <Binding Path="Stock" />
                                <Binding Path="InStock" />
                            </MultiBinding>
                        </Label.Text>
                    </Label>
                </Grid>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</StackLayout>

在这个例子中，我们使用 StringFormat 来格式化价格和库存信息，以及使用 MultiBinding 来访问商品集合中的不同属性。
在上面的代码中，我们定义了两个字符串格式化器：PriceFormat 和 StockFormat，用于格式化价格和库存信息。
在 CollectionView 中，我们使用 ItemTemplate 来定义每个商品的布局。我们使用 Label 元素来显示商品名称、价格和库存量。对于价格，我们使用 StringFormat 属性来将价格格式化为货币格式。对于库存量，我们使用 MultiBinding 来访问两个不同的属性：Stock 和 InStock。我们使用 StockFormat 来将总库存、当前库存量格式化为整数，并将二者组合起来。
在这个例子中，我们使用了不同的StockFormat来格式化价格和库存信息。

效果如图：

示例代码

StringFormatPage.xaml
StringFormatPage.xaml.cs
ProductViewModel.cs
StringFormatPageViewModel.cs

参考资料

字符串格式设置