如何根据WPF / XAML中的ComboBox值更改字体大小

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (523)

我的代码存在一些问题,我希望你能提供帮助。

我正在尝试学习WPF / XAML,作为学习过程的一部分,我决定制作一个基本的文本编辑器来测试我自己的技能。我想创建一个字体大小的组合框,它将根据组合框中的值调整所有文本的大小(基本上和任何其他文本编辑器一样,但我无法弄清楚如何使这个工作。到目前为止,这是我的XAML:

<Window x:Class="DataBinding.UsingCommandsSample"
        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:local="clr-namespace:DataBinding"
        mc:Ignorable="d"
        Title="MainWindow" WindowState="Maximized" >
    <DockPanel>

        <Menu  DockPanel.Dock="Top" Margin="0 0 0 10">
            <MenuItem Header="_File" Name="file">
                <MenuItem Header="Open File" Click="btnOpenFile_Click"/>
                <MenuItem Header="Save File" Click="btnSaveFile_Click">
                    <MenuItem Header="Save As" Click="btnSaveAs_Click" />
                </MenuItem>

                <MenuItem Header="Save As" Click="btnSaveAs_Click" />
                <MenuItem Command="Print" />
            </MenuItem>
            <MenuItem Header="_Edit" Name="edit">
                <MenuItem Command="Copy" />
                <MenuItem Command="Cut" />
                <MenuItem Command="Paste" />
                <MenuItem Command="SelectAll" />
                <MenuItem Command="Undo" />
                <MenuItem Command="AlignLeft" />
                <MenuItem Command="EditingCommands.AlignCenter" />
                <MenuItem Command="AlignRight" />
                <MenuItem Command="AlignJustify" />
            </MenuItem>
        </Menu>

        <ToolBarTray DockPanel.Dock="Top" Height="auto">
            <ToolBar>
                <Button Command="Cut" Content="Cut" />
                <Button Command="Copy" Content="Copy"  />
                <Button Command="Paste" Content="Paste" />
                <ComboBox x:Name="fontBox" SelectedValue="selected" SelectionChanged="fontBox_SelectionChanged">
                    <ComboBoxItem Content="12" IsSelected="True"/>
                    <ComboBoxItem Content="16" />
                    <ComboBoxItem Content="18" />
                    <ComboBoxItem Content="20" />
                </ComboBox>
            </ToolBar>

        </ToolBarTray>
        <TextBox Name="txtEditor" AcceptsReturn="True" />
    </DockPanel>
</Window>

这是我的Code-Behind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Collections.ObjectModel;
using Microsoft.Win32;
using System.IO;

namespace DataBinding
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class UsingCommandsSample : Window
    {
        public UsingCommandsSample()
        {
            InitializeComponent();
        }
        public string path;

        private void btnOpenFile_Click(object sender, RoutedEventArgs e)
        {
            OpenFileDialog openFileDialog = new OpenFileDialog();
            if (openFileDialog.ShowDialog() == true)
                txtEditor.Text = File.ReadAllText(openFileDialog.FileName);
            path = openFileDialog.FileName;
        }

        private void btnSaveFile_Click(object sender, RoutedEventArgs e)
        {
            if (path != null)
                File.WriteAllText(path, txtEditor.Text);
            else
                MessageBox.Show("You have not specified a location to which the file should be saved. Click 'OK' then File >> Save As.", "Cannot find path", MessageBoxButton.OK, MessageBoxImage.Warning);       
        }



        private void btnSaveAs_Click(object sender, RoutedEventArgs e)
        {
            SaveFileDialog saveFileDialog = new SaveFileDialog();
            saveFileDialog.Filter = "Text file (*.txt)|*txt | Banana (*.banana)|*.cs";
            if (saveFileDialog.ShowDialog() == true)
                File.WriteAllText(saveFileDialog.FileName, txtEditor.Text);
        }

        private void fontBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            int temp;
            if (Int32.TryParse(fontBox.Text, out temp))
            {
                txtEditor.FontSize = temp;
            }
        }
    }
}

出于某种原因,字体大小确实更新,但只有在我选择了不同的ComboBoxItem之后。例如,如果我选择“12”开始,然后选择“14”,则不会发生任何事情。如果我然后选择“16”,字体大小将变为14.我认为操作是按照我不希望它们的顺序发生的,但我很难理解为什么或如何解决这个问题。

如果有人能帮我一把,我真的很感激。我似乎找不到任何其他资源,所以StackOverflow是我最后的希望。

提问于
用户回答回答于

问题是当事件触发说组合已经改变时,它实际上还没有完成改变,所以你得到的是现有值(12)而不是新值(14)。下次你得到14而不是新选择的16,这就是为什么你总是落后一步。

我会绑定组合框而不是按照你的方式进行,但这是一个快速的解决方案。

    private void fontBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        ComboBox cbox = (ComboBox)sender;
        ComboBoxItem t = (ComboBoxItem) cbox.SelectedItem;
        string NewSetting = (string) t.Content;            

        int temp;
        if (Int32.TryParse(NewSetting, out temp))
        {
            if(txtEditor != null)
                txtEditor.FontSize = temp;
        }
    }

您需要检查txtEditor是否为null,因为当页面第一次加载时,组合框将在初始化时触发此事件,即txtEditor初始化之前。

用户回答回答于

这是一个简单的场景:

<Window x:Class="TestComboFont.MainWindow"
    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:local="clr-namespace:TestComboFont"
    xmlns:vm="clr-namespace:TestComboFont.ViewModels"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
    <vm:MainViewModel/>
</Window.DataContext>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="10*"/>
    </Grid.RowDefinitions>
    <ComboBox x:Name="fontsCombo"
              ItemsSource="{Binding FontSizes}"
              SelectedItem="{Binding SelectedFont, UpdateSourceTrigger=PropertyChanged}"
              Margin="10,5"/>
    <TextBox Grid.Row="1"
             Background="WhiteSmoke"
             Margin="10"
             AcceptsReturn="True" 
             FontSize="{Binding SelectedFont, UpdateSourceTrigger=PropertyChanged}"/>
</Grid>

视图模型:

public class MainViewModel : INotifyPropertyChanged
{
    public ObservableCollection<int> FontSizes { get; set; }

    private int _selectedFont;

    public int SelectedFont
    {
        get { return _selectedFont; }
        set
        {
            _selectedFont = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(SelectedFont)));
        }
    }

    public MainViewModel()
    {
        FontSizes = new ObservableCollection<int>() { 10, 15, 20 };
    }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
}

您的ComboBox绑定到位于MainViewModel中的FontSizes ObservableCollection。

为了获得此行为,您需要一个适用于您的Window的DataContext:

<Window.DataContext>

   <VM:MainViewModel/>

</Window.DataContext>

每次选择一个项目时,SelectedFont都会被更改,并且它也会改变TextBox的FontSize属性,因为你在这里有一个绑定集:

FontSize =“{Binding SelectedFont,UpdateSourceTrigger = PropertyChanged}”

我认为,使用MVVM可能是一个很好的选择,即使在这个例子中没有模型。

扫码关注云+社区

领取腾讯云代金券