创建仅适用于设计时的属性

时间:2015-09-30 17:24:23

标签: wpf xaml designmode

我正在使用visual studio黑暗主题。因此,在设计我的视图时,如果字体为黑色,则无法看到字体。修复方法是将视图的背景设置为白色。但我们的应用程序有不同的主题,所以我不能硬编码。

我在创建usercontrol时使用了很多属性:

d:DesignWidth="1110" d:DesignHeight="400"

这些属性仅在设计时影响视图。如果我可以创建一个属性d:DesignBackground,这样我就不必每次运行应用程序时都添加和删除background属性。

2 个答案:

答案 0 :(得分:13)

不确定它是否正是您正在寻找的,但我所做的只是在app.xaml中触发一个触发器来调用IsInDesignMode属性,如;

命名空间(感谢Tono Nam);

xmlns:componentModel="clr-namespace:System.ComponentModel;assembly=PresentationFramework"

XAML;

<Style TargetType="{x:Type UserControl}">
    <Style.Triggers>
        <Trigger Property="ComponentModel:DesignerProperties.IsInDesignMode"
                 Value="True">
            <Setter Property="Background"
                    Value="#FFFFFF" />
        </Trigger>
    </Style.Triggers>
</Style>

简单但有效,有时我会根据需要定位其他依赖属性,如字体和东西。希望这会有所帮助。

PS - 您可以使用相同的方式使用自己的属性定位其他TargetType,例如,ChildWindows,Popups,Windows,等等......

答案 1 :(得分:2)

您可以为设计模式创建一个带附加属性的静态类:

using System;
using System.ComponentModel;
using System.Diagnostics;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace Helpers.Wpf
{
    public static class DesignModeHelper
    {
        private static bool? inDesignMode;

        public static readonly DependencyProperty BackgroundProperty = DependencyProperty
            .RegisterAttached("Background", typeof (Brush), typeof (DesignModeHelper), new PropertyMetadata(BackgroundChanged));

        private static bool InDesignMode
        {
            get
            {
                if (inDesignMode == null)
                {
                    var prop = DesignerProperties.IsInDesignModeProperty;

                    inDesignMode = (bool) DependencyPropertyDescriptor
                        .FromProperty(prop, typeof (FrameworkElement))
                        .Metadata.DefaultValue;

                    if (!inDesignMode.GetValueOrDefault(false) && Process.GetCurrentProcess().ProcessName.StartsWith("devenv", StringComparison.Ordinal))
                        inDesignMode = true;
                }

                return inDesignMode.GetValueOrDefault(false);
            }
        }

        public static Brush GetBackground(DependencyObject dependencyObject)
        {
            return (Brush) dependencyObject.GetValue(BackgroundProperty);
        }

        public static void SetBackground(DependencyObject dependencyObject, Brush value)
        {
            dependencyObject.SetValue(BackgroundProperty, value);
        }

        private static void BackgroundChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (!InDesignMode)
                return;

            d.SetValue(Control.BackgroundProperty, e.NewValue);
        }
    }
}

你可以像这样使用它:

xmlns:wpf="clr-namespace:Helpers.Wpf;assembly=Helpers.Wpf"

<Grid Background="Black"
      wpf:DesignModeHelper.Background="White">
    <Button Content="Press me!"/>
</Grid>

您可以使用此方法为设计模式实现其他属性。