彩票走势图

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

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

概述:最近写一个简单的文本编辑器,自然少不了字体和颜色选择功能,当然,这里的字体和颜色仅限于简易的在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=&quot;{x:Static Fonts.SystemFontFamilies}" />

    </Window.Resources>

    <Grid>

  &nbsp;     <Grid.RowDefinitions>

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

&nbsp;          ; <RowDefinition></RowDefinition>

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

        </Grid.RowDefinitions>

        <ComboBox Name="cbx"

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

                  IsSynchronizedWithCurrentItem="True" >

            &lt;ComboBox.ItemsPanel>

      ;          <ItemsPanelTemplate>

&nbsp;                   <VirtualizingStackPanel></VirtualizingStackPanel>

        &nbsp;  ;     </ItemsPanelTemplate>

 &nbsp;          &lt;/ComboBox.ItemsPanel>

            <;ComboBox.ItemTemplate>

          &nbsp;     <DataTemplate>

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

                </DataTemplate>

     ;       </ComboBox.ItemTemplate>

   &nbsp;    </ComboBox>

  &nbsp;     <StackPanel Grid.Row="2" HorizontalAlignment="Center" >

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

            <TextBlock Text="刘圆圆 123 Mgen"

           ;            FontSize="20"

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

        &nbsp;   </TextBlock>

  &nbsp;     </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>

        <ObjectDataProvider MethodName="GetType"

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

      &nbsp;     <ObjectDataProvider.MethodParameters>

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

            Version=3.0.0.0, Culture=neutral,

            PublicKeyToken=31bf3856ad364e35</sys:String>

            </ObjectDataProvider.MethodParameters>

     &nbsp;  </ObjectDataProvider>

        <ObjectDataProvider ObjectInstance="{StaticResource colorsTypeOdp}" 

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

        </ObjectDataProvider>

    </Window.Resources>

    <StackPanel>

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

                  ItemsSource="{Binding Source={StaticResource colorPropertiesOdp}}">

&nbsp;  &nbsp;        <ComboBox.ItemTemplate>

&nbsp;               <DataTemplate>

            ; &nbsp;      <StackPanel Orientation="Horizontal">

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

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

                    </StackPanel>

&nbsp;               </DataTemplate>

            &lt;/ComboBox.ItemTemplate>

    &nbsp;   </ComboBox>

    </StackPanel>


标签:

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

文章转载自:网络转载

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP