Question

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

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

produto.map do |p| 
  puts p
  Produto.new(p)
end

这是我的Code-Behind：

<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>

由于某种原因，字体大小确实更新了，但只有在我选择了不同的ComboBoxItem之后。例如，如果我从＆＃34; 12＆＃34;开始选中，然后选择＆＃34; 14＆＃34;，什么都不会发生。如果我然后选择＆＃34; 16＆＃34;，字体大小将变为14.我想这些操作是按照我不想要的顺序进行的，但我很难过为什么或如何解决这个问题。

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

Answer 1

这是一个简单的场景：

<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 FontSizes绑定ObservableCollection MainViewModel {/ 1}}。{/ 1>

要获得此行为，您需要DataContext的{{1}}：

Window

每当您选择一个项目时，<Window.DataContext> <vm:MainViewModel/> </Window.DataContext>都会被更改，并且SelectedFont的{{1}}属性也会被更改，因为您在此处拥有一个绑定集：

FontSize

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

Answer 2

问题是，当事件触发说组合已经改变时，它实际上还没有完成改变，所以你得到的是现有值（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是否为空，因为当页面第一次加载时，组合框会在初始化时触发此事件，这是在txtEditor初始化之前。

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

2 个答案: