◆ReactiveCollection を用いて、簡単に ComboBox に新しい ItemsSource を追加する手順
１．準備
●OS:Windows 10 Pro 64bit Version 22H2
●IDE:Visual Studio Community 2022 Version 17.7.3
２．WPFアプリケーション(Prismフレームワーク)
プロジェクトのテンプレートとして Prism Blank App(WPF) を選択して、新しいプロジェクトを作成
３．Nuget
ReactiveProperty.WPF
MaterialDesignThemes【任意】
MaterialDesignColors【任意】
４．App.xaml
001: <prism:PrismApplication x:Class="WPFComboBoxSample.App"
002: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
003: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
004: xmlns:local="clr-namespace:WPFComboBoxSample"
005: xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
006: xmlns:prism="http://prismlibrary.com/" >
007: <Application.Resources>
008: <ResourceDictionary>
009: <ResourceDictionary.MergedDictionaries>
010: <md:BundledTheme
011: BaseTheme="Light"
012: PrimaryColor="DeepPurple"
013: SecondaryColor="Lime" />
014: <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
015: </ResourceDictionary.MergedDictionaries>
016: </ResourceDictionary>
017: </Application.Resources>
018: </prism:PrismApplication>
５．MainWindow.xaml
001: <Window x:Class="WPFComboBoxSample.Views.MainWindow"
002: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
003: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
004: xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
005: xmlns:prism="http://prismlibrary.com/"
006: prism:ViewModelLocator.AutoWireViewModel="True"
007: Title="WPFComboBoxSample" Height="350" Width="525" >
008: <Window.Resources>
009: <Style TargetType="ComboBox" x:Key="MenuComb"
010: BasedOn="{StaticResource MaterialDesignOutlinedComboBox}" >
011: <Setter Property="Width" Value="400" />
012: <Setter Property="Margin" Value="10,0,0,0" />
013: <Setter Property="IsEditable" Value="True" />
014: </Style>
015: <Style TargetType="Button" x:Key="CommandBtn"
016: BasedOn="{StaticResource MaterialDesignFlatAccentBgButton}">
017: <Setter Property="FontSize" Value="20" />
018: <Setter Property="Width" Value="100" />
019: <Setter Property="Margin" Value="0,0,0,0" />
020: <Setter Property="IsEnabled" Value="True" />
021: </Style>
022: </Window.Resources>
023: <Grid>
024: <ContentControl prism:RegionManager.RegionName="ContentRegion" />
025:
026: <DockPanel >
027: <ComboBox md:HintAssist.Hint="Site" md:TextFieldAssist.HasClearButton="True"
028: Style="{StaticResource MenuComb}"
029: Text="{Binding SiteText.Value}"
030: ItemsSource="{Binding SiteList}"
031: SelectedValue="{Binding SiteName.Value}" />
032: <Button x:Name="SiteAdd" Content="Add"
033: Style="{StaticResource CommandBtn}"
034: Command="{Binding MainCommand}"
035: CommandParameter="Add" />
036: </DockPanel>
037: </Grid>
038: </Window>
６．MainWindowViewModel.cs
001: using Prism.Commands;
002: using Prism.Mvvm;
003: using Reactive.Bindings;
004:
005: namespace WPFComboBoxSample.ViewModels
006: {
007: public class MainWindowViewModel : BindableBase
008: {
009: // ComboBox.ItemsSource
010: public ReactiveCollection<string> SiteList { get; set; } = new ReactiveCollection<string>();
011: // ComboBox.SelectedValue
012: public ReactiveProperty<string> SiteName { get; set; } = new ReactiveProperty<string>();
013: // ComboBox.Text
014: public ReactiveProperty<string> SiteText { get; set; } = new ReactiveProperty<string>();
015: // Command
016: public DelegateCommand<string> MainCommand { get; }
017:
018: public MainWindowViewModel()
019: {
020: // Command実装
021: MainCommand = new DelegateCommand<string>(ExcuteCommand);
022: // サイトアドレス初期値
023: SiteList.Add("https://www.google.com/");
024: SiteList.Add("https://www.yahoo.co.jp/");
025: SiteList.Add("https://chat.openai.com/auth/login");
026: }
027: private void ExcuteCommand(string _commandParamete)
028: {
029: switch (_commandParamete)
030: {
031: case "Add":
032: AddCommand(); // 新しいサイトアドレスを追加
033: break;
034: }
035: }
036: private void AddCommand()
037: {
038: string _s = SiteText.Value;
039: if (_s != null)
040: { // 新しい行の追加
041: SiteList.Add(_s);
042: }
043: }
044: }
045: }
７．実行
サイトアドレス初期状態
新しいサイトアドレスを入力して、 Add ボタンをクリック
ComboBox のリストに新しいサイトアドレスが追加されている
─以上─
