问如何在ComboBox中根据XAML值改变字体大小
EN

Stack Overflow用户

提问于 2018-06-09 01:48:43

回答 2查看 1.4K关注 0票数 1

我的代码有一些问题，我希望你能帮助我。

我正在尝试学习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>

下面是我的代码背后：

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是我最后的希望。

wpf

xaml

combobox

font-size

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-09 04:56:00

下面是一个简单的场景：

<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，即使这个例子中没有模型。

票数 1

Stack Overflow用户

发布于 2018-06-09 02:16:14

问题是，当触发事件来说明组合已经更改时，它实际上还没有完成更改，所以您得到的是现有值(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之前触发此事件。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50766015

复制

相似问题

问如何在ComboBox中根据XAML值改变字体大小
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ComboBox中根据XAML值改变字体大小EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ComboBox中根据XAML值改变字体大小
EN