半岛权威十大直营(官方)网站

WPF纯XAML支持预览的系统字体和颜色选择

转帖|其它|编辑:郝浩|2011-05-26 14:37:17.000|阅读 3151 次

概述:最近写一个简单的文本编辑器,自然少不了字体和颜色选择功能,当然,这里的字体和颜色仅限于简易的在ComboBox或其他类似列表性质的选择器,而不是那种Font/Color/Dialog/Picker控件。我们先来看系统字体选择。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

  最近写一个简单的文本编辑器,自然少不了字体和颜色选择功能,当然,这里的字体和颜色仅限于简易的在ComboBox或其他类似列表性质的选择器,而不是那种Font/Color/Dialog/Picker控件。我们先来看系统字体选择。

  字体选择

  WPF中System.Windows.Media.Fonts类可以返回系统字体信息(包括FontFamily和Typeface),我们直接利用它接着定义Data Template就可以,不过注意以下几点:

  ComboBox的ItemsPanel默认是StackPanel而不是VirtualizingStackPanel,这样在系统字体比较多的情况下,打开ComboBox会异常得慢,需要把它设置成VirtualizingStackPanel,性能会有很大提升。

  ComboBox的IsSynchronizedWithCurrentItem为True,这样下面的TextBlock绑定CollectionViewSource的当前选项正是ComboBox的选择项.

  结果预览图

image


    <Window.Resources>

        <CollectionViewSource x:Key="sysFonts" Source="{x:Static Fonts.SystemFontFamilies}" />

    </Window.Resources>

    <Grid>

    ;    <Grid.RowDefinitions>

            <RowDefinition Height="Auto"><;/RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition Height="Auto"></RowDefinition>

  &nbsp;  &nbsp;  </Grid.RowDefinitions>

        <ComboBox Name="cbx"

  &nbsp;               ItemsSource="{Binding Source={StaticResource sysFonts}}"

           &nbsp;      IsSynchronizedWithCurrentItem="True" >

 &nbsp;  &nbsp;       <ComboBox.ItemsPanel>

                <ItemsPanelTemplate>

              &nbsp;     <VirtualizingStackPanel></VirtualizingStackPanel>

                </ItemsPanelTemplate>

&nbsp;           &lt;/ComboBox.ItemsPanel>

          &nbsp; <ComboBox.ItemTemplate>

                <DataTemplate>

  <TextBlock Text="{Binding}" FontFamily="{Binding}" FontSize="16"></TextBlock>

                </DataTemplate>

  &nbsp;         </ComboBox.ItemTemplate>;

  &nbsp;     </ComboBox>

        <StackPanel Grid.Row="2" HorizontalAlignment="Center" >

            <TextBlock Text="预览:"></TextBlock>

            <TextBlock Text="刘圆圆 123 Mgen"

              ;         FontSize="20"

     &nbsp;                 FontFamily="{Binding Source={StaticResource sysFonts},Path=/}">

  &nbsp;         </TextBlock>

        </StackPanel>

    </Grid>

 

  颜色选择

  颜色选择其实就可以预定义几个颜色值,然后加在列表中,再加个“更多颜色”按钮调用一些外部ColorPicker让用户选择其他非预定义颜色。但总觉得这种方法不是很好,至少不自然,你还是需要自己去选颜色,终于有一天在Stackoverflow.com上看到了答案。地址是://stackoverflow.com/questions/562682/how-can-i-list-colors-in-wpf-with-xaml

  解决方案就是那个问题的答案。

  原理是利用Colors类(Brushes类也可以)的成员属性名称来枚举颜色,用两个ObjectDataProvider逐步调用Type.GetType和Type.GetProperties来得到Colors类的所有PropertyInfo。

  不过原问题的答案是只显示名称,我们再稍作修改定义Data Template来显示颜色,感谢WPF无所不在的TypeConverter,最后PropertyInfo.Name会被转换成相应的颜色。

  运行预览图:

image

    <!-- 此代码是在其他原始代码上修改而成 -->

    <!-- 原始代码://stackoverflow.com/questions/562682/how-can-i-list-colors-in-wpf-with-xaml -->

    <Window.Resources>

  &nbsp;     <ObjectDataProvider MethodName="GetType"

        ;                    ObjectType=&quot;{x:Type sys:Type}" x:Key="colorsTypeOdp">

     &nbsp;      <ObjectDataProvider.MethodParameters>

                <sys:String>System.Windows.Media.Colors, PresentationCore,

 &nbsp;          Version=3.0.0.0, Culture=neutral,

       ;     PublicKeyToken=31bf3856ad364e35</sys:String>

&nbsp;     &nbsp;     </ObjectDataProvider.MethodParameters>

     &nbsp;  </ObjectDataProvider>

     &nbsp;  <ObjectDataProvider ObjectInstance="{StaticResource colorsTypeOdp}" 

                      &nbsp;     MethodName="GetProperties" x:Key="colorPropertiesOdp">

        </ObjectDataProvider>

    </Window.Resources>

    <StackPanel>

        <ComboBox Name="comboBox1" HorizontalContentAlignment="Stretch"

               &nbsp;  ItemsSource="{Binding Source={StaticResource colorPropertiesOdp}}">

            <ComboBox.ItemTemplate>

    &nbsp;           <DataTemplate>

                    <StackPanel Orientation="Horizontal">

                        <Rectangle Fill="{Binding Name}" Margin="1 3" Height="10" Width="100"></Rectangle>

      &nbsp;                 <TextBlock Text="{Binding Name}" Margin="2 0"></TextBlock>

      &nbsp;             </StackPanel>

    &nbsp;        ;   </DataTemplate>

          &nbsp; </ComboBox.ItemTemplate>

        </ComboBox>

    </StackPanel>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自:网络转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP