1

アプリケーションにXAMLおよびMVVMパターンを使用しています。

私のアプリケーションの一部では、ウィンドウが2つの部分に分割されています。左側の列と右側の列/領域です。

左側の列には、ボタンの行があります（ウィンドウのロード時に生成されます）。

右側の列/領域には、ユーザーが左側の列でクリックしたボタンに応じてボタンのグループが表示されます。たとえば、左側の列に4つの部門ボタンがある場合、各部門ボタンには異なる数の在庫アイテムがあります。

左側の列のボタン1をクリックすると、ビューモデルでコードを実行して、その部門のアイテムの名前を取得します。次に、右側の列/領域に表示する新しいobservableCollectionを作成します。

したがって、これは問題ではありません。問題が発生するたびに、適切な量のボタンが生成されます。ただし、ViewModelで背景色を動的に変更しようとすると、ビューで色が更新されません。

奇妙なことに、コンテンツ、フォアカラー、その他のプロパティは変更できますが、背景色は変更できません。バックグラウンドは、ロードされ実行時にのみ正しく生成されるようです。ウィンドウを使用している間は、それ以外の方法で変更することはできません。

ブラシを試し、新しいスタイルを作成して割り当て、ボタンの依存関係プロパティをクリアしました（.ClearValue（Button.BackgroundProperty））

ウィンドウが開いているときに背景の色を変更する方法と、ビューモデルでボタンのセットを動的に生成する方法を知っている人はいますか？

どうもありがとうございました...XAMLとC＃スニペットを添付しました

XAML： 

<dxd:DockLayoutManager Name="dlSalesScreen">
    <dxd:DockLayoutManager.LayoutRoot>
        <dxd:LayoutGroup Name="Root" Orientation="Horizontal" AllowSplitters="False">

            <dxd:LayoutPanel AllowClose="False" AllowRename="False" 
                             Caption="Departments" HorizontalScrollBarVisibility="Hidden" 
                             CaptionAlignMode="AutoSize"
                             CaptionImageLocation="BeforeText" ShowPinButton="False" >

                <!-- Scrollviewer for department buttons-->
                <ScrollViewer x:Name="deptScrollviewer" Grid.Row="0" Grid.Column="0" Width="185" Height="Auto" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" PanningMode="VerticalOnly">
                    <ItemsControl ItemsSource="{Binding Departments}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel VerticalAlignment="Top" Height="Auto" Orientation="Vertical" />
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                    </ItemsControl>
                </ScrollViewer>
            </dxd:LayoutPanel>

            <dxd:LayoutPanel AllowClose="False" AllowRename="False" 
                             Caption="Available stock in department" Width="Auto" 
                             CaptionAlignMode="AutoSize"
                             CaptionImageLocation="BeforeText"  ShowPinButton="False">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="50" />
                    </Grid.RowDefinitions>
                    <!-- Scrollviewer for stock buttons-->
                    <ScrollViewer x:Name="stockScrollViewer" Grid.Row="0" Width="Auto" Height="Auto" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" PanningMode="VerticalOnly">
                        <ItemsControl ItemsSource="{Binding StockItems, UpdateSourceTrigger=PropertyChanged}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel VerticalAlignment="Top" HorizontalAlignment="Left" Orientation="Horizontal" Width="400" />
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                    </ScrollViewer>
                    <Rectangle Grid.Row="1" Margin="0,0,0,0" Height="Auto" Fill="{StaticResource BottomRectangleGradient}" />
                    <Grid Name="gridButtonHolder" Grid.Row="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <GroupBox x:Name="grpStockItem" Grid.Column="0" Header="Selected Item" HorizontalAlignment="Left" Width="200" >
                            <Label x:Name="lblStockName" Content="{Binding SelectedStockItemLabel}" HorizontalAlignment="Left" />
                        </GroupBox>
                        <Button Name="btnSave" Content="Apply" Command="{Binding ConfirmSelectionCommand}" dxc:ThemeManager.ThemeName="Office2007Blue" Grid.Column="1" Width="110" Height="42" Margin="0,8,0,0" />
                        <Button Name="btnClose" Content="Cancel" dxc:ThemeManager.ThemeName="Office2007Blue" Grid.Column="2" Width="110" Height="42" Margin="0,8,0,0" />
                    </Grid>
                </Grid>
            </dxd:LayoutPanel>
        </dxd:LayoutGroup>
    </dxd:DockLayoutManager.LayoutRoot>
</dxd:DockLayoutManager>

C＃

 void DeptClicked(object sender, RoutedEventArgs e)
    {
        SelectedDeptID = Convert.ToInt32(((Button)sender).Tag.ToString());

        _stockButtons = new ObservableCollection<Button>();

        if (StockItemCount > 0)
        {
            for (int i = 0; i < StockItemCount; i++)
            {
                //_stockButtons.Add(new Button());
                Button btn = new Button();
                btn.Background = Brushes.Aquamarine;

                btn.Height = 100;
                btn.Width = 100;
                btn.Content = i.ToString();

                _stockButtons.Add(btn);
            }
        }

        RaisePropertyChanged("StockItems");
    }

 public ObservableCollection<Button> Departments
    {
        get
        {
            if (_deptButtons == null)
            {
                _deptButtons = new ObservableCollection<Button>();

                for (int i = 0; i < DeptCount; i++)
                {
                    Button button = new Button();
                    button.Content = DepartmentNames[i];
                    button.Tag = DepartmentIDs[i].ToString();
                    button.Click += new RoutedEventHandler(DeptClicked);

                    button.Width = 128;
                    button.Height = 100;

                    _deptButtons.Add(button);
                }

            }
            return _deptButtons;
        }
    }

ここに画像の説明を入力してください

4

1 に答える 1

1

そのようなことを試してください：

Button btn = new Button(); 
btn.Background = Brushes.Green;    
btn.Height = 100; btn.Width = 100;
btn.Content = i.ToString();

ThemeManager.SetThemeName(btn, "None");

_stockButtons.Add(btn);

クラス ThemeMagager は名前空間 DevExpress.Xpf.Core にあります。

于 2012-09-19T20:05:37.907 に答える