1

我正在为应用程序使用 XAML 和 MVVM 模式。

在我的应用程序的一部分中，我有一个窗口分为两部分，左栏和右手栏/区域

左列是一排按钮（在加载窗口时生成）

右列/区域将根据用户在左列中单击的按钮显示一组按钮，例如，假设我在左列中有 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 回答