wpf中label改变属性_SolidWorks | 风格UI 之使用WPF设计

投稿作者：Dududu

网站：

三维压力容器​www.3dpvad.com

email： 1831197727@qq.com

作为一个SolidWorks插件开发人员，在界面设计时通常想让自己的设计像SolidWorks原生的风格一样，以便给用户更好的体验和更低的接受成本。

下文便以WPF为基础，结合已有的Github项目，分析了SolidWorks风格UI的一些必要构成元素,封装了属性页面用户控件和一些PMPage风格的控件,然后展现了一些属性页的设计示例。

一.分析SolidWorks的用户界面

1. 启动界面

打开SolidWorks后，我们看到的就是这个SolidWorks启动界面。这个启动界面的风格就代表了SolidWorks UI的典型风格 红白灰，还有未在启动界面有所显示的蓝黄。这几种颜色造就了SolidWorks UI风格的基调。

2. 主体界面

以上显示的便是SolidWorks的主体界面，大概有上方的菜单栏，Ribbon选项卡；左侧的FeatureManager页面，右侧的Taskpane页面，下方的StatusBar和隐藏的ModelViewManager。在界面右侧我列出了SolidWorks主页面的主要出现的颜色。有使用面积最多的背景色，其16进制的RGB颜色为#F7F7F7,这是SolidWorks风格UI中使用最多的颜色。还有左上角SolidWorks Logo的红色和图标中使用比较多的蓝色，关于图标设计的内容在文章后面会有介绍。还有一些地方会用到的不同的灰色。

二、颜色、布局和字体

1. SolidWorks颜色列表如下

SolidWork中常用颜色如上，具体的rgb值如下，也可以查看github仓库的Themes/Color.xaml

<Color x:Key="SldWorksBackgroud">#F7F7F7</Color>

<Color x:Key="SldDepthBackgroudColor">#

FFD4D4D4</Color>

<Color x:Key="SldExpanderArrowColor">#

FF7F7F7F</Color>

<Color x:Key="SldWorksRed">#FFDA291C</Color>

<Color x:Key="SldLabelColor">#FFDA291C</Color>

<Color x:Key="SldBlueColor">#FF64A6C4</Color>

<Color x:Key="SldNumberBoxButtonPressColor">#

FFDADADA</Color>

<Color x:Key="SldNumberBoxButtonColor">#

FFF0F0F0</Color>

<SolidColorBrush x:Key="SldDepthBackgroud"

Color="#FFD4D4D4"></SolidColorBrush>

<SolidColorBrush x:Key="SldExpanderArror"

Color="#FF7F7F7F"></SolidColorBrush>

<SolidColorBrush x:Key="SldBorder" Color="#FF9B9B9B">

</SolidColorBrush>

<SolidColorBrush x:Key="SldLabel">#

FFFFFF80</SolidColorBrush>

<SolidColorBrush x:Key="SldBlue">#

FF64A6C4</SolidColorBrush>

<SolidColorBrush x:Key="SldNumberBoxButtonPress">#

FFDADADA</Solid