silverlight 格式转换

http://www.dotblogs.com.tw/ouch1978/archive/2011/05/04/sl-binding-with-stringformat.aspx

http://www.voidcn.com/article/p-odzsmvks-bgx.html

Silverlight]使用StringFormat設定Binding資料的顯示格式

在WPF中，TextBlock可以透過Binding的StringFormat屬性來設定資料的顯示格式，而其他的許多控制項也可以透過ContentStringFormat、HeaderStringFormat等等屬性來設定資料的顯示格式，那Silverlight呢?

這個時候，就有一個好消息和一個壞消息要和大家分享了，好消息是：Silverlight 4.0之後就可以和WPF一樣在Binding時使用StringFormat屬性來設定資料的顯示格式；壞消息則是Silverlight的控制項並不提供像WPF的ContentStringFormat等相關屬性可供設定(而且目前手邊的5.0 Beta版也沒有)。

這次就直接來看範例吧(請原諒我的懶惰，這次的範例是以WPF版的範例為基礎修改的)：

XAML檔內容如下：

MainPage.xaml

複製到剪貼簿以純文字顯示以新視窗開啟

     
     

<UserControl x:Class="SL_BindingWithStringFormat.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

      
       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:system="clr-namespace:System;assembly=mscorlib"

      
       xmlns:Theme="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark"

      
       xmlns:toolkit="clr-namespace:Microsoft.Windows;assembly=System.Windows.Controls.Toolkit" mc:Ignorable="d" d:DesignHeight="600"

      
       d:DesignWidth="700" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" Background="White">

      
       <Theme:ExpressionDarkTheme Background="{x:Null}">

      
       <Border BorderThickness="2" BorderBrush="#FF646464" CornerRadius="10" Background="White" Margin="10">

      
       <Border.Effect>

      
       <DropShadowEffect />

      
       </Border.Effect>

      
       <Grid Margin="2,-2,2">

      
       <Grid.RowDeFinitions>

      
       <RowDeFinition Height="Auto" />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       </Grid.RowDeFinitions>

      
       <TextBlock HorizontalAlignment="Center" textwrapping="Wrap" Text="Silverlight StringFormat 範例" FontSize="24"

      
       VerticalAlignment="Center" Margin="5,10" Foreground="#FF646464" FontWeight="Bold" FontFamily="Microsoft JhengHei" />

      
       <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" />

      
       <ViewBox Grid.Row="1" Margin="0,10,20,10" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">

      
       <TextBlock textwrapping="Wrap" Text="一般字串格式" FontSize="21.333" Foreground="#FF646464" FontWeight="Bold" FontStyle="Italic"

      
       FontFamily="Microsoft JhengHei" />

      
       </ViewBox>

      
       <ViewBox Margin="0,10" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">

      
       <TextBlock textwrapping="Wrap" Text="數字格式" FontSize="21.333" Foreground="#FF646464" FontStyle="Italic" FontWeight="Bold"

      
       FontFamily="Microsoft JhengHei" />

      
       </ViewBox>

      
       <ViewBox Grid.Row="3" Margin="0,10" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">

      
       <TextBlock textwrapping="Wrap" Text="日期格式" FontSize="21.333" Foreground="#FF646464" FontStyle="Italic" FontWeight="Bold"

      
       FontFamily="Microsoft JhengHei" />

      
       </ViewBox>

      
       <Grid Grid.Row="1" Margin="20,10">

      
       <Grid.ColumnDeFinitions>

      
       <ColumnDeFinition Width="Auto" />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       </Grid.ColumnDeFinitions>

      
       <Grid.RowDeFinitions>

      
       <RowDeFinition Height="Auto" />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       </Grid.RowDeFinitions>

      
       <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Grid.ColumnSpan="10" Margin="0,20" d:LayoutOverrides="GridBox">

      
       <TextBlock textwrapping="Wrap" Text="請在文字方塊中輸入文字：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"

      
       Foreground="Black" />

      
       <TextBox x:Name="txtTextBox1" textwrapping="Wrap" VerticalAlignment="Center" MinWidth="250" FontFamily="Microsoft JhengHei"

      
       FontSize="14.667" Background="#7F323232" Text="我是範例" />

      
       </StackPanel>

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="說明" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="加入特定文字" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="左右加上括弧" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="左邊加上空白" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="右邊加上空白" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="StringFormat" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="您輸入的是：&quot;{0}&quot;" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="({0})" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="{}{0,15}" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="{}{0,-15}" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="結果" Foreground="Black" />

      
       <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Text,ElementName=txtTextBox1,StringFormat=您輸入的是：\&quot;\{0\}\&quot;}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Text,StringFormat=(\{0\})}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Text,StringFormat=\{0\,15\}}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Text,-15\}}" Foreground="Black" />

      
       </Border>

      
       </Grid>

      
       <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" Grid.Row="1" Opacity="0.5" />

      
       <Grid Grid.Row="2" Margin="10" d:IsLocked="True" />

      
       <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" Grid.Row="2" Opacity="0.5" />

      
       <Grid Grid.Row="3" Margin="10,0" d:IsLocked="True" Height="116" VerticalAlignment="Top" />

      
       <Grid Grid.Row="3" Margin="10,10" d:IsLocked="True" Height="116" VerticalAlignment="Bottom" />

      
       <Grid Grid.Row="2" Margin="20,10">

      
       <Grid.ColumnDeFinitions>

      
       <ColumnDeFinition Width="Auto" />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       </Grid.ColumnDeFinitions>

      
       <Grid.RowDeFinitions>

      
       <RowDeFinition Height="Auto" />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       </Grid.RowDeFinitions>

      
       <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" d:LayoutOverrides="GridBox" Grid.ColumnSpan="10">

      
       <TextBlock textwrapping="Wrap" Text="請移動滑桿：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"

      
       Foreground="Black" />

      
       <Slider x:Name="sldSlider2" VerticalAlignment="Center" MinWidth="300" Minimum="-10" Maximum="10" Value="3.2" />

      
       </StackPanel>

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="說明" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以貨幣格式顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以百分比顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="使用自訂格式" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="使用無小數點的百分比顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="StringFormat" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="C" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="P" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="00.00" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="P0" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="結果" Foreground="Black" />

      
       <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Value,ElementName=sldSlider2,StringFormat=C}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei" Text="{Binding Value,StringFormat=P}"

      
       Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding Value,StringFormat=00.00}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei" Text="{Binding Value,StringFormat=P0}"

      
       Foreground="Black" />

      
       </Border>

      
       </Grid>

      
       <Grid Grid.Row="3" Margin="20,10">

      
       <Grid.ColumnDeFinitions>

      
       <ColumnDeFinition Width="Auto" />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       <ColumnDeFinition />

      
       </Grid.ColumnDeFinitions>

      
       <Grid.RowDeFinitions>

      
       <RowDeFinition Height="Auto" />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       <RowDeFinition />

      
       </Grid.RowDeFinitions>

      
       <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" d:LayoutOverrides="GridBox" Grid.ColumnSpan="10">

      
       <TextBlock textwrapping="Wrap" Text="請選擇日期：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"

      
       Foreground="Black" />

      
       <sdk:DatePicker Name="dtDatePicker1" VerticalAlignment="Center" MinWidth="200" Padding="10,3,0" />

      
       </StackPanel>

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="說明" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以月(文字) 日,年 西元 顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以預設長時間格式顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以年/月/日顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="以月,年顯示" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="StringFormat" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="MMMM dd,yyyy g" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="G" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="yyyy/MM/dd" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"

      
       FontFamily="Microsoft JhengHei" Text="Y" Foreground="Black" />

      
       <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"

      
       Text="結果" Foreground="Black" />

      
       <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"

      
       Text="{Binding SelectedDate,ElementName=dtDatePicker1}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding SelectedDate,ElementName=dtDatePicker1,StringFormat=G}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"

      
       Text="{Binding SelectedDate,StringFormat=yyyy/MM/dd}" Foreground="Black" />

      
       </Border>

      
       <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"

      
       CornerRadius="3" Padding="3">

      
       <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"

      
       Text="{Binding SelectedDate,StringFormat=Y}" Foreground="Black" />

      
       </Border>

      
       </Grid>

      
       </Grid>

      
       </Border>

      
       </Theme:ExpressionDarkTheme>

      
      </UserControl>

<UserControl x:Class="SL_BindingWithStringFormat.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:system="clr-namespace:System;assembly=mscorlib"
        xmlns:Theme="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark"
        xmlns:toolkit="clr-namespace:Microsoft.Windows;assembly=System.Windows.Controls.Toolkit" mc:Ignorable="d" d:DesignHeight="600"
        d:DesignWidth="700" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" Background="White">
    <Theme:ExpressionDarkTheme Background="{x:Null}">
        <Border BorderThickness="2" BorderBrush="#FF646464" CornerRadius="10" Background="White" Margin="10">
            <Border.Effect>
                <DropShadowEffect />
            </Border.Effect>
            <Grid Margin="2,2">
                <Grid.RowDeFinitions>
                    <RowDeFinition Height="Auto" />
                    <RowDeFinition />
                    <RowDeFinition />
                    <RowDeFinition />
                </Grid.RowDeFinitions>
                <TextBlock HorizontalAlignment="Center" textwrapping="Wrap" Text="Silverlight StringFormat 範例" FontSize="24"
                        VerticalAlignment="Center" Margin="5,10" Foreground="#FF646464" FontWeight="Bold" FontFamily="Microsoft JhengHei" />
                <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" />
                <ViewBox Grid.Row="1" Margin="0,10" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">
                    <TextBlock textwrapping="Wrap" Text="一般字串格式" FontSize="21.333" Foreground="#FF646464" FontWeight="Bold" FontStyle="Italic"
                            FontFamily="Microsoft JhengHei" />
                </ViewBox>
                <ViewBox Margin="0,10" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">
                    <TextBlock textwrapping="Wrap" Text="數字格式" FontSize="21.333" Foreground="#FF646464" FontStyle="Italic" FontWeight="Bold"
                            FontFamily="Microsoft JhengHei" />
                </ViewBox>
                <ViewBox Grid.Row="3" Margin="0,10" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0.2" d:IsLocked="True">
                    <TextBlock textwrapping="Wrap" Text="日期格式" FontSize="21.333" Foreground="#FF646464" FontStyle="Italic" FontWeight="Bold"
                            FontFamily="Microsoft JhengHei" />
                </ViewBox>
                <Grid Grid.Row="1" Margin="20,10">
                    <Grid.ColumnDeFinitions>
                        <ColumnDeFinition Width="Auto" />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                    </Grid.ColumnDeFinitions>
                    <Grid.RowDeFinitions>
                        <RowDeFinition Height="Auto" />
                        <RowDeFinition />
                        <RowDeFinition />
                        <RowDeFinition />
                    </Grid.RowDeFinitions>
                    <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Grid.ColumnSpan="10" Margin="0,20" d:LayoutOverrides="GridBox">
                        <TextBlock textwrapping="Wrap" Text="請在文字方塊中輸入文字：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"
                                Foreground="Black" />
                        <TextBox x:Name="txtTextBox1" textwrapping="Wrap" VerticalAlignment="Center" MinWidth="250" FontFamily="Microsoft JhengHei"
                                FontSize="14.667" Background="#7F323232" Text="我是範例" />
                    </StackPanel>
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="說明" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="加入特定文字" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="左右加上括弧" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="左邊加上空白" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="右邊加上空白" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="StringFormat" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="您輸入的是：&quot;{0}&quot;" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="({0})" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="{}{0,15}" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="{}{0,-15}" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="結果" Foreground="Black" />
                    <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding Text,StringFormat=您輸入的是：\&quot;\{0\}\&quot;}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding Text,StringFormat=(\{0\})}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding Text,15\}}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding Text,-15\}}" Foreground="Black" />
                    </Border>
                </Grid>
                <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" Grid.Row="1" Opacity="0.5" />
                <Grid Grid.Row="2" Margin="10" d:IsLocked="True" />
                <Rectangle Fill="#FF646464" Height="2" VerticalAlignment="Bottom" Margin="20,0" Grid.Row="2" Opacity="0.5" />
                <Grid Grid.Row="3" Margin="10,0" d:IsLocked="True" Height="116" VerticalAlignment="Top" />
                <Grid Grid.Row="3" Margin="10,10" d:IsLocked="True" Height="116" VerticalAlignment="Bottom" />
                <Grid Grid.Row="2" Margin="20,10">
                    <Grid.ColumnDeFinitions>
                        <ColumnDeFinition Width="Auto" />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                    </Grid.ColumnDeFinitions>
                    <Grid.RowDeFinitions>
                        <RowDeFinition Height="Auto" />
                        <RowDeFinition />
                        <RowDeFinition />
                        <RowDeFinition />
                    </Grid.RowDeFinitions>
                    <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" d:LayoutOverrides="GridBox" Grid.ColumnSpan="10">
                        <TextBlock textwrapping="Wrap" Text="請移動滑桿：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"
                                Foreground="Black" />
                        <Slider x:Name="sldSlider2" VerticalAlignment="Center" MinWidth="300" Minimum="-10" Maximum="10" Value="3.2" />
                    </StackPanel>
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="說明" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以貨幣格式顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以百分比顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="使用自訂格式" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="使用無小數點的百分比顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="StringFormat" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="C" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="P" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="00.00" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="P0" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="結果" Foreground="Black" />
                    <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"
                                Text="{Binding Value,StringFormat=C}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei" Text="{Binding Value,StringFormat=P}"
                                Foreground="Black" />
                    </Border>
                    <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding Value,StringFormat=00.00}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei" Text="{Binding Value,StringFormat=P0}"
                                Foreground="Black" />
                    </Border>
                </Grid>
                <Grid Grid.Row="3" Margin="20,10">
                    <Grid.ColumnDeFinitions>
                        <ColumnDeFinition Width="Auto" />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                        <ColumnDeFinition />
                    </Grid.ColumnDeFinitions>
                    <Grid.RowDeFinitions>
                        <RowDeFinition Height="Auto" />
                        <RowDeFinition />
                        <RowDeFinition />
                        <RowDeFinition />
                    </Grid.RowDeFinitions>
                    <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" d:LayoutOverrides="GridBox" Grid.ColumnSpan="10">
                        <TextBlock textwrapping="Wrap" Text="請選擇日期：" VerticalAlignment="Center" FontFamily="Microsoft JhengHei" FontSize="16"
                                Foreground="Black" />
                        <sdk:DatePicker Name="dtDatePicker1" VerticalAlignment="Center" MinWidth="200" Padding="10,0" />
                    </StackPanel>
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="1" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="說明" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以月(文字) 日,年 西元 顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以預設長時間格式顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以年/月/日顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="以月,年顯示" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="2" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="StringFormat" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="MMMM dd,yyyy g" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="2" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="G" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="3" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="yyyy/MM/dd" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" Grid.Column="4" Grid.Row="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                            FontFamily="Microsoft JhengHei" Text="Y" Foreground="Black" />
                    <TextBlock textwrapping="Wrap" VerticalAlignment="Bottom" Grid.Row="3" HorizontalAlignment="Right" FontFamily="Microsoft JhengHei"
                            Text="結果" Foreground="Black" />
                    <Border Grid.Column="1" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"
                                Text="{Binding SelectedDate,ElementName=dtDatePicker1}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="2" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding SelectedDate,StringFormat=G}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="3" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" FontFamily="Microsoft JhengHei"
                                Text="{Binding SelectedDate,StringFormat=yyyy/MM/dd}" Foreground="Black" />
                    </Border>
                    <Border Grid.Column="4" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Background="#7FFFFF00"
                            CornerRadius="3" Padding="3">
                        <TextBlock textwrapping="Wrap" Language="zh-TW" FontFamily="Microsoft JhengHei"
                                Text="{Binding SelectedDate,StringFormat=Y}" Foreground="Black" />
                    </Border>
                </Grid>
            </Grid>
        </Border>
    </Theme:ExpressionDarkTheme>
</UserControl>

隱藏程式碼

展開程式碼

雖然只能透過Binding來設定StringFormat屬性，不過在Silverlight中，還是可以透過控制項的Language屬性來達到當地化語系顯示的效果；而WPF中的HeaderStringFormat等等屬性，在Silverlight中也可以透過修改控制項的Template來達成一樣的效果，還是很方便的啦!!

如果需要參考和StringFormat相關的用法，可以參考以下MSDN連結：

Formatting Types

Composite Formatting

Standard Date and Time Format Strings

Custom Date and Time Format Strings

Standard Numeric Format Strings

Custom Numeric Format Strings

Enumeration Format Strings

silverlight 格式转换

相关推荐