很久沒有寫博客了。
這是放暑假中的第一篇博客,以后會多多更新!!!
這就是我寫的一個字體選擇器,界面如下:
本程序用到的技術比較簡單,僅僅是用了Font類的幾個方法和數據綁定而已。
首先建一個四行兩列的Grid,添加一個ComboBox,命名為fonts。然后在添加若干個TextBlock和一個TextBox(用於顯示字體名稱),如上圖所示。
以下是完整的xaml:
<Window x:Class="WpfApplication7.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="字體選擇器" Height="350" Width="594" Loaded="MainWindow_Loaded_1">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="4*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<ComboBox HorizontalAlignment="Center" MinWidth="200" Name="fonts" SelectionChanged="fonts_SelectionChanged" Grid.ColumnSpan="2" MinHeight="30" Margin="20"></ComboBox>
<TextBlock Grid.Row="1">中文預覽:</TextBlock>
<TextBlock Grid.Row="2" Name="text" FontSize="30">你選擇的字體</TextBlock>
<TextBlock Grid.Row="1" Grid.Column="2">英文預覽:</TextBlock>
<TextBlock Grid.Row="2" Grid.Column="2" FontSize="30" FontFamily="{Binding Path=FontFamily,ElementName=text}">You Selected Font</TextBlock>
<Border Grid.ColumnSpan="2" Grid.Row="3">
<DockPanel>
<TextBlock DockPanel.Dock="Top">字體詳細信息:</TextBlock>
<StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock>字體名稱:</TextBlock>
<TextBox Text="{Binding ElementName=text,Path=FontFamily}" Name="fontname"></TextBox>
</StackPanel>
</StackPanel>
<Button HorizontalAlignment="Center" VerticalAlignment="Bottom" DockPanel.Dock="Bottom" Click="Button_Click_1">
<Button.Style>
<Style>
<Style.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter Property="Button.Foreground" Value="Blue"></Setter>
</Trigger>
<Trigger Property="Button.IsMouseOver" Value="False">
<Setter Property="Button.Foreground" Value="Black"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Button.Style>
<Button.Template>
<ControlTemplate>
<TextBlock >
<Underline>關注我的新浪微博</Underline>
</TextBlock>
</ControlTemplate>
</Button.Template>
</Button>
</DockPanel>
</Border>
</Grid>
</Window>
其中用了元素綁定,如 FontFamily="{Binding Path=FontFamily,ElementName=text}">,ElementName代表要綁定的元素名稱(Name屬性),Path代表要綁定的屬性名稱。
這里我們用Fonts.SystemFontFamilies集合獲取系統內安裝的字體,然后使用foreach循環添加字體到名稱到ComboBox的Items集合中。
窗口load事件代碼:
foreach (FontFamily font in Fonts.SystemFontFamilies)
{
fonts.Items.Add(font.Source);
}
運行一下,會發現ComboBox中顯示出所有字體的名稱,但美中不足的是不能在列表中顯示出字體的字形,我們可以用自定義控件解決。
建一個WPF控件(取名Items),里面放一個TextBlock控件,命名為text,然后在構造函數中鍵入以下代碼:
public Items(FontFamily font)
{
InitializeComponent();
text.FontFamily = font;
text.Text= font.Source;
}
其中增加了一個參數用以接受FontFamily對象,設置TextBlock的內容和FontFamily為傳遞來的參數。
代碼如下:
foreach (FontFamily font in Fonts.SystemFontFamilies) //遍歷字體集合中德字體
{
fonts.Items.Add(new Items(font));//將參數傳遞到自定義控件
}
這樣就OK了。
歡迎拍磚!!!
源代碼:https://skydrive.live.com/redir?resid=F408A3D3DF420664!239&authkey=!AGHqorZxJve2ZCs