问题 从包含的usercontrol为窗口内的某些控件设置样式


我有一个应用程序具有在某些窗口中使用的多个用户控件。其中一个用户控件定义此窗口中的所有其他用户控件是否应允许编辑,因此设置 IsEnabled 财产 False 对全部 CheckBoxES, ComboBoxes和 Button秒。然而, TextBoxes应该允许复制他们的文本,因此不应该被禁用,而只能是只读的。

我试过穿越 LogicalTree,但一些自建的usercontrol没有任何属性来禁用它们,但此usercontrol中包含的控件只是按钮和文本框。这就是为什么我尝试将样式应用于所有可变元素(CheckBoxComboBoxButton 和 TextBox),但它不会起作用。

在usercontrol中 Ressources 第一节定义了一些风格:

<Style TargetType="Control" x:Key="disabledStyle">
    <Setter Property="IsEnabled" Value="False" />
</Style>
<Style TargetType="TextBox" x:Key="readOnlyStyle">
    <Setter Property="IsReadOnly" Value="True" />
</Style>

在CodeBehind中,在检查条件后,我尝试了以下方法:

# windowOwner is the root window containing this usercontrol
for control in [Button, ComboBox, CheckBox]:
    if self.windowOwner.Resources.Contains(control):
        self.windowOwner.Resources.Remove(control)
    self.windowOwner.Resources.Add(control, self.Resources['disabledStyle'])

if self.windowOwner.Resources.Contains(TextBox):
    self.windowOwner.Resources.Remove(TextBox)
self.windowOwner.Resources.Add(TextBox, self.Resources['readOnlyStyle'])

但什么都没发生。我究竟做错了什么?我应该采用不同的方式吗?

=编辑1 =============================================== ===================

我现在尝试了以下,XAML:

<Style x:Key="disabledStyle">
    <!--<Setter Property="Button.IsEnabled" Value="False" />
    <Setter Property="CheckBox.IsEnabled" Value="False" />-->
    <Setter Property="ComboBox.IsEnabled" Value="False" />
    <Setter Property="TextBox.IsReadOnly" Value="True" />
</Style>

代码隐藏:

self.windowOwner.Style = self.Resources['disabledStyle']

令人惊讶的是,尽管如此 IsEnabled 属性仅适用于 ComboBox,一切都被禁用了。如果我只设置了 TextBox.IsReadOnly 财产没有任何反应有人可以解释一下吗?

=编辑2 =============================================== ===================

我现在也尝试使用转换器:

(XAML)

<Style TargetType="Control" x:Key="disabledStyle">
<Setter Property="IsEnabled" Value="False" />
<!--<Setter Property="Button.IsEnabled" Value="False" />
<Setter Property="CheckBox.IsEnabled" Value="False" />
<Setter Property="ComboBox.IsEnabled" Value="False" /> -->
    <Style.Triggers>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Converter={StaticResource typeConverter}}" Value="True">
            <Setter Property="IsEnabled" Value="True" />
            <Setter Property="TextBox.IsReadOnly" Value="True" />
        </DataTrigger>
    </Style.Triggers>
</Style>

(转换器)

public class TypeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool res = value.GetType() == typeof(TextBox);
        return res;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {    // Don't need any convert back
        return null;
    }
}

但同样,一切都被禁用(如果您使用已注释的变体,则没有任何反应)。

我让它遍历可视树:

visited = set()

def disableControls(control):
    visited.add(control)
    try:
        for childNumber in xrange(VisualTreeHelper.GetChildrenCount(control)):
            child = VisualTreeHelper.GetChild(control, childNumber)

            if hasattr(child, 'Content') and child.Content not in visited:
                disableControls(child.Content)
            if type(child) in [Button, ComboBox, CheckBox]:
                child.IsEnabled = False
            elif type(child) == TextBox:
                child.IsReadOnly = True
            elif child not in visited:
                disableControls(child)
    except:
        pass
disableControls(self.windowOwner)

但我也希望以后能够将更改重置为原始状态。这意味着我必须保存所有更改,这使得这远远应该是复杂的。我没有想法。


3588
2018-02-01 13:54


起源

我的回答对你有帮助吗?或者你还有其他问题吗? - Kylo Ren


答案:


我不认为删除样式并添加新样式将通知控件应用新样式。

您应该直接在控件上设置样式,如:

self.MyControl.Style = self.Resources['readOnlyStyle'] as Style

语法可能不同但我是c#guy。


2
2018-02-01 14:05



我试过这个,它无法正常工作,请看我的第一次编辑。 - causa prima


您可能无法使用获取资源 self.Resources['disabledStyle'] (通常在控件层次结构中定义样式时执行此操作)。它可以给你null,可能不会注意到它。

尝试

MyControl.Style = DirectCast(FindResource("labelStyle2"), Style)

FindResource() 如果找不到所请求的资源,将会给你错误。


2
2018-02-10 13:46



我确实得到了两种方法的资源,所以这不是真正的问题。 - causa prima


嗨,请尝试下一个:

XAML

<Window x:Class="ListViewWithCanvasPanel.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:listViewWithCanvasPanel="clr-namespace:ListViewWithCanvasPanel"
    Title="MainWindow" Height="350" Width="525" x:Name="This" ResizeMode="CanResize" 
    listViewWithCanvasPanel:Attached.AreChildrenEnabled = "true"><!--put your content here--></Window>

附加属性代码

public class Attached
{
    public static readonly DependencyProperty AreChildrenEnabledProperty = DependencyProperty.RegisterAttached("AreChildrenEnabled", typeof (bool), typeof (Attached), new PropertyMetadata(default(bool), AreChildrenEnabledPropertyChangedCallback));

    private static void AreChildrenEnabledPropertyChangedCallback(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs args)
    {
        var val = (bool) args.NewValue;
        if (val == false)
        {
            var visual = dependencyObject as FrameworkElement;
            if (visual == null) return;
            visual.Loaded -= VisualOnLoaded;
            visual.Unloaded -= VisualOnUnloaded;
        }
        else
        {
            var visual = dependencyObject as FrameworkElement;
            if(visual == null) return;
            visual.Loaded += VisualOnLoaded;
            visual.Unloaded += VisualOnUnloaded;
        }
    }

    private static void VisualOnUnloaded(object sender, RoutedEventArgs e)
    {
        var visual = sender as FrameworkElement;
        if (visual == null) return;
        visual.Loaded -= VisualOnLoaded;
    }

    private static void VisualOnLoaded(object sender, RoutedEventArgs routedEventArgs)
    {
        var visual = sender as FrameworkElement;
        if (visual == null) return;
        var list = visual.GetAllVisualChildren();
        Debug.WriteLine("children count on loading: {0}", list.Count);
        var actionOnChildrenLoading = GetActionOnEachLoadedVisualChild(visual);
        if(actionOnChildrenLoading == null) return;
        list.ForEach(o =>
        {
            var combo = o as ComboBox;
            if (combo != null)
            {
                combo.IsEnabled = false;
            }

            var button = o as Button;
            if (button != null)
            {
                button.IsEnabled = false;
            }

            var textBlock = o as TextBlock;
            if (textBlock != null)
            {
                textBlock.IsEnabled = false;
            }

            var cb = o as CheckBox;
            if (cb != null)
            {
                cb.IsEnabled = false;
            }

            var textBox = o as TextBox;
            if (textBox == null) return;
            textBox.IsEnabled = true;
            textBox.IsReadOnly = true;
        });
    }

    public static readonly DependencyProperty ActionOnEachLoadedVisualChildProperty = DependencyProperty.RegisterAttached(
        "ActionOnEachLoadedVisualChild", typeof (Action<DependencyObject>), typeof (Attached), new PropertyMetadata(default(Action<DependencyObject>)));

    public static void SetActionOnEachLoadedVisualChild(DependencyObject element, Action<DependencyObject> value)
    {
        element.SetValue(ActionOnEachLoadedVisualChildProperty, value);
    }

    public static Action<DependencyObject> GetActionOnEachLoadedVisualChild(DependencyObject element)
    {
        return (Action<DependencyObject>) element.GetValue(ActionOnEachLoadedVisualChildProperty);
    }

    public static bool GetAreChildrenEnabled(UIElement element)
    {
        return (bool) element.GetValue(AreChildrenEnabledProperty);
    }

    public static void SetAreChildrenEnabled(UIElement element, bool value)
    {
        element.SetValue(AreChildrenEnabledProperty, value);
    }
}

助手代码

public static class VisualTreeHelperExtensions
{
    public static T FindParent<T>(this DependencyObject child) where T : DependencyObject
    {
        while (true)
        {
            //get parent item
            DependencyObject parentObject = VisualTreeHelper.GetParent(child);

            //we've reached the end of the tree
            if (parentObject == null) return null;

            //check if the parent matches the type we're looking for
            T parent = parentObject as T;
            if (parent != null)
                return parent;
            child = parentObject;
        }
    }

    public static List<DependencyObject> GetAllVisualChildren(this DependencyObject parent)
    {
        var resultedList = new List<DependencyObject>();
        var visualQueue = new Queue<DependencyObject>();
        visualQueue.Enqueue(parent);

        do
        {
            var depObj = visualQueue.Dequeue();
            var childrenCount = VisualTreeHelper.GetChildrenCount(depObj);

            for (int i = 0; i < childrenCount; i++)
            {
                var v = VisualTreeHelper.GetChild(depObj, i);
                visualQueue.Enqueue(v);
            }

            resultedList.Add(depObj);
        } while (visualQueue.Count > 0);

        resultedList.RemoveAt(0);
        return resultedList;
    }

}

**简短说明:*

查找根的所有可视子项(例如窗口),扫描它们并根据子类型执行操作。

问候,


2
2018-02-11 16:54



我已经做了类似的事情(参见我的第二次编辑),但我也希望以后能够将更改重置为原始状态。这意味着我必须保存所有更改,这使得这远远应该是复杂的。 - causa prima
@causaprima,当AreChildrenEnabled附加属性将被更改时,您可以将它们全部绑定到某个主状态管理器。 - Ilan
我不完全明白你的意思 - 我应该与一些主要的州经理绑定什么?此外,我刚想到的事情:即使重新启用其他控件,最初已被禁用的控件也应保持禁用状态。我想这对你的方法也是不可能的,这就是为什么我更喜欢基于某种“全局”风格的解决方案,我可以设置(或取消设置)并且不会影响原始 IsEnabled-属性。 - causa prima


尝试这个,
1.添加一个布尔属性,将CanUserEdit添加到usercontrol,后者控制可以在其他控件中编辑的内容。
2.在其他用户控件中添加datatrigger并绑定到CanUserEdit(2个数据触发器,1个用于组合框,另一个用于文本框)。

在其中定义没有key的UserControl标签。这将影响该usercontrol中存在的所有文本框和组合框。
您还将获得集中控制。

示例代码: -
在每个userControl中添加CanUserEdit依赖项属性。

        //Replace MainUserControl with your control name
 public static readonly DependencyProperty CanUserEditProperty =
 DependencyProperty.Register("CanUserEdit", typeof(bool),
 typeof(MainUserControl));

    public bool CanUserEdit
    {
        get { return (bool)GetValue(CanUserEditProperty); }
        set { SetValue(CanUserEditProperty, value); }
    }

在包含文本框和组合框的UserControl中,您可以将以下代码添加到UserControl.Resources

<UserControl.Resources>
    <Style TargetType="TextBox">
        <Setter Property="IsReadOnly" Value="False"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding CanUserEdit}" Value="false">
                <Setter Property="IsReadOnly" Value="True"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
    <Style TargetType="ComboBox">
        <Setter Property="IsEnabled" Value="True"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding CanUserEdit}" Value="false">
                <Setter Property="IsEnabled" Value="False"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>

这将影响该控件中的所有组合框和文本框。

在主窗口中,您将每个UserControl的CanUserEdit属性绑定到UserControl的CanUserEdit属性,该属性具有编辑控制权。
示例(MainUserControl是具有文本框和组合框的控件):

<local:MainUserControl  CanUserEdit="{Binding CanUserEdit,ElementName=CanUserEditControl}"  />


现在,您所要做的就是切换UserControl的CanUserEdit属性,该属性控制编辑并且所有控件都会受到影响。


2
2018-02-16 15:01



如果我正确理解您的提案,这意味着我需要向每个人添加一个DataTrigger TextBox, ComboBox, CheckBox 和 Button 手动?这将是一个很大的开销,在添加新东西时我需要记住这一点,并且还会不必要地混淆整个xaml。如果我弄错了,请澄清你的答案。 - causa prima
@causaprima你没有。当你在其中定义没有键(样式键)的UserControl标签时,它将影响该usercontrol中存在的所有文本框和组合框。 - Betson Roy
好吧,也许这是可以接受的。你能举个例子吗? - causa prima
@causaprima我用一些代码更新了答案 - Betson Roy
这比我想象的要好,但每个用户控件的开销/冗余仍然很多。并且必须为每个新的用户控件记住这一点。此外,如果应该更改行为,则必须在太多地方更改样式。但感谢你的努力,至少我从你的例子中学到了一些新东西:) - causa prima


我让它以一种不那么优雅的方式工作,迭代所有控件并自己设置属性。在这样做的同时,我保存了关于我更改了哪些控件的信息,以便能够将UI重置为原始状态。我对此并不满意,但似乎有效。我本来希望设置和取消设置一些风格,但我没有办法这样做。

这是我最终使用的内容,但随意发布更好的内容。首先是禁用部分:

visited = set()

def disableControls(control):
    visited.add(control)

    for childNumber in xrange(VisualTreeHelper.GetChildrenCount(control)):
        child = VisualTreeHelper.GetChild(control, childNumber)

        # save the old state
        if type(child) in [Button, ComboBox, CheckBox] and child.IsEnabled:
            child.IsEnabled = False
            self.disabledControls.add(child)
        elif type(child) == TextBox and not child.IsReadOnly:
            child.IsReadOnly = True
            self.disabledControls.add(child)
        elif child not in visited:
            disableControls(child)
disableControls(self.windowOwner)

以下是将UI“重置”为原始状态的部分:

while self.disabledControls:
    child = self.disabledControls.pop()
    if type(child) in [Button, ComboBox, CheckBox]:
        child.IsEnabled = True
    elif type(child) == TextBox:
        child.IsReadOnly = False

visited-set只是一个局部变量,可以避免多次访问控件,这种情况很奇怪,例如对于一些网格。该 disabledControls-set保存所有未禁用的控件,因此已被代码禁用,并且必须在UI将其自身重置为原始状态时重置。


1
2018-02-16 14:54





实现此方案的一种简单方法可以是通过发布者订阅者实现。通过绑定/将该属性分配给目标控件,可以轻松地将属性状态发布到其他用户控件并设置控件状态。 我通过MvvmLight Messenger实现了类似的场景,我甚至根据一些内部控制状态禁用了一些Ribbon命令。


1
2018-02-17 06:53



你能详细说明/举个例子吗? - causa prima