ArcGIS Pro的控件样式

目录

1、简介

 2、Pro自定义的控件风格

2.1 预览

2.2 视窗

2.3 按钮样式

2.4 单选框

2.5 表格

2.6 Expander

2.7 Gallery

2.8 HyperLink

2.9 TextBlock

3、Pro封装的窗体

3.1 消息框

3.2 通知框

3.3 数据加载窗

3.4 目录选择窗

参考地址

---

1、简介

WPF通过资源可以引用各种自定义的风格，使界面及其控件呈现出各种不同的风格。

ArcGIS Pro共有两种不同的主题风格：Light和Dark，ArcGIS Pro定制开发为了是用户开发出风格一致的自定义控件，在ArcGIS.Desktop.Framework程序集中封装了各种自定义的风格。

当我们添加Pro的控件模板时，在XAML文件中会发现其自动引用了封装好的风格。

 2、Pro自定义的控件风格

2.1 预览

某位棒棒哒的同事梳理的成果：

    
        
            
                
            
        
    

    
        
        
            
                
            
        

        
        
        
        
        
        
        
        

        
        Esri_Button
        Esri_ButtonBorderless
        Esri_ButtonClose
        Esri_ButtonBack
        Esri_ButtonBackSmall
        Esri_ButtonForwardSmall
        Esri_ButtonUpSmall
        Esri_ButtonDownSmall
        Esri_ButtonUpSmallBorderless
        Esri_ButtonForwardSmallBorderless

        
        
        

        
        
            Item1
            Item2
            Item3
        

        
        

        
        
        
        
        
        

        
        
         TextBlock(hyperlinks)
        

        
        
        
        
        

        
        
            ListBox item 1
            ListBox item 2
            ListBox item 3
        

        
            ListBox item 1
            ListBox item 2
            ListBox item 3
        
    

2.2 视窗

加载项中的自定义窗口应从ArcGIS.Desktop.Framework.Controls.ProWindow派生，以继承正确样式的标题栏和背景（默认情况下，在Visual Studio中将派生自定义窗口System.Windows.Window）。但是Pro没有在Visual Studio中没有提供视窗的模板项，如果使用ProWindow，需要引用ArcGIS.Desktop.Framework.Controls命名空间。

2.3 按钮样式

 

Name	样式	使用位置
Esri_Button
Esri_ButtonBorderless
Esri_ButtonClose
Esri_ButtonBack
Esri_ButtonBackSmall
Esri_ButtonForwardSmall
Esri_ButtonUpSmall
Esri_ButtonDownSmall
Esri_ButtonUpSmallBorderless
Esri_ButtonForwardSmallBorderless

2.4 单选框

Default（默认）
Esri_CheckboxToggleSwitch

2.5 表格

Esri_DataGrid
Esri_DataGridHeaderless
Esri_DataGridRowHeaderless
Esri_DataGridColumnHeader
Esri_DataGridRowHeader
Esri_DataGridRow
Esri_DataGridCell

2.6 Expander

2.7 Gallery

2.8 HyperLink

         
                  TextBlock(hyperlinks)
         

2.9 TextBlock

2.x风格	1.4风格	描述
Esri_TextBlockRegular	RegularText	默认文字
Esri_TextBlockH1	NA	H1内容标题
Esri_TextBlockH2	NA	H2子内容标题
Esri_TextBlockH3	H3TextBlock	H3内容标题
Esri_TextBlockH4	H4TextBlock	H4子内容标题
Esri_TextBlockH5	H5TextBlock	H5扩展器标头
Esri_TextBlockH6	H6TextBlock	H6输入字段和表>
Esri_TextBlockH7	H7TextBlock	H7子文本
Esri_TextBlockDockPaneHeading	NA	Dockpane标题
Esri_TextBlockDockPaneHeader	DockPaneHeader	Dockpane Header
Esri_TextBlockDialogHeader	NA	对话框标题
Esri_TextBlockDialog	NA	对话文字
Esri_TextBlockBackStageTitle	NA	后台标题
Esri_TextBlockBackStageHeader	NA	后台标题
Esri_TextBlockBackStageSubHeader	NA	后台子标题
Esri_TextBlockBackStageGroupHeader	NA	后台组头

3、Pro封装的窗体

3.1 消息框

3.2 通知框

 Notification notification = new Notification();
        protected override void OnClick()
        {
            try
            {
                if (Project.Current == null)
                    return;
                
                notification.Title = "提示";
                notification.Message = "XXXXXXXXXXXXXXXX";
                notification.ImageUrl = @"pack://application:,,,/TDProAppModule;component/Resources/game32.png";
                //notification.ImageUrl = @"file:///E:\我的代码\VS2017\WPF\bin\Images\Notebook32.png";
                ArcGIS.Desktop.Framework.FrameworkApplication.AddNotification(notification);
                
            }
            catch (Exception ex)
            {
                ArcGIS.Desktop.Framework.Dialogs.MessageBox.Show(ex.Message);
            }
        }

3.3 数据加载窗

 

3.4 目录选择窗

 

 

参考地址：

https://github.com/Esri/arcgis-pro-sdk/wiki/proguide-style-guide