从包含的用户控件设置窗口中某些控件的样式

本文关键字:控件 样式 设置 包含 用户 窗口 | 更新日期: 2023-09-27 18:32:42

>我有一个应用程序,其中包含在某些窗口中使用的多个用户控件。其中一个用户控件定义此窗口中的所有其他用户控件是否应允许编辑,因此将 IsEnabled 属性设置为CheckBox False所有 es、ComboBox es 和 Button s。但是,TextBox es应该允许复制其文本,因此不应禁用,而只能禁用。

我尝试遍历LogicalTree,但一些自建的用户控件没有任何属性来禁用它们,但此用户控件中包含的控件只是按钮和文本框。这就是为什么我尝试将样式应用于所有可更改的元素(CheckBoxComboBoxButtonTextBox(,但它不起作用。

在用户控件的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)

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

从包含的用户控件设置窗口中某些控件的样式

我不

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

应直接在控件上设置样式,如下所示:

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

语法可能不同,但我是一个 c# 人。

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

尝试

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

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

嗨,

请尝试下一个:

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;
    }
}

**简短说明:*

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

问候

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

在其中定义不带键的用户控件标记。这样,它将影响该用户控件中存在的所有文本框和组合框.
您还将获得集中控制。

示例代码:-
在每个用户控件中添加 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.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>

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

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

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


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

我让它以一种不那么优雅的方式工作,遍历所有控件并自己设置属性。在这样做时,我保存了有关我更改了哪些控件以便能够将 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 应将自身重置为原始状态时

重置。

实现此方案的一种简单方法是通过发布服务器订阅服务器实现。将属性状态发布到其他用户控件并通过将该属性绑定/分配给目标控件来设置控件的状态很容易。我已经通过 MvvmLight Messenger 实现了类似的场景,我什至根据一些内部控件状态禁用了一些功能区命令。