Graphics + Add-in Best Practices for Forms

88
4
Jump to solution
03-24-2020 11:50 AM
Highlighted
Occasional Contributor

I'm building my first pro add-in and am currently in the initial stages. I have my tab, groups, and buttons setup. I want to change the button graphics but am having trouble understanding where to get the standard ESRI images. There is a link here DAML ID Reference Icons · Esri/arcgis-pro-sdk Wiki · GitHub  but not certain how to view the images within Visual Studio.

Second question is about best practices for Windows Forms within my add-in. with ArcMap i displayed a Form for each of my functions. What is the best practices for Pro? Is it to use the Pro built in panels? Or what object should I use to display to the user? Some of my forms require quite a bit of input.

Rgds

Abel; 

Tags (2)
Reply
0 Kudos
1 Solution

Accepted Solutions
Highlighted
Esri Regular Contributor

Hi Abel,

Your button can display any image stored in Pro's ArcGIS.Desktop.Resources.dll. These images are listed in the wiki page on your post.

You can display a Pro button image on your custom button by setting the largeImage and smallImage attribute in the config.daml for the button element like this code snippet below. The snippet below will display Pro's FolderConnection image on a custom button on the ribbon.

<button id="my_button" caption="My Button" className="myButtonClass" loadOnClick="true" 
smallImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/FolderConnectionAdd16.png"
largeImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/FolderConnectionAdd32.png">

</button>‍‍‍‍‍

Another good resource to read for this is the Referencing images from ArcGIS Pro section in the ProGuide: Content and Image resources wiki.

The Pro UI is written using WPF (Windows Presentation Foundation) which is a graphical User interface designed by Microsoft.  In Pro, your Add-in can create buttons, dockpanes, panes, ProWindow (dialog) etc using the SDK Item templates.  Here are some resources that will help you get started with developing UI with Pro SDK:

1. We have various samples in the ArcGIS-Pro-SDK-Community-Samples repo that can help you.

2. The Pro SDK team has recorded many sessions on YouTube (from previous conferences) that will also help you.  

3. On the Pro SDK website, there is a collection of tutorials that can also help: ArcGIS Pro SDK Tutorials 

Thanks

Uma

View solution in original post

Reply
0 Kudos
4 Replies
Highlighted
Esri Regular Contributor

Hi Abel,

Your button can display any image stored in Pro's ArcGIS.Desktop.Resources.dll. These images are listed in the wiki page on your post.

You can display a Pro button image on your custom button by setting the largeImage and smallImage attribute in the config.daml for the button element like this code snippet below. The snippet below will display Pro's FolderConnection image on a custom button on the ribbon.

<button id="my_button" caption="My Button" className="myButtonClass" loadOnClick="true" 
smallImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/FolderConnectionAdd16.png"
largeImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/FolderConnectionAdd32.png">

</button>‍‍‍‍‍

Another good resource to read for this is the Referencing images from ArcGIS Pro section in the ProGuide: Content and Image resources wiki.

The Pro UI is written using WPF (Windows Presentation Foundation) which is a graphical User interface designed by Microsoft.  In Pro, your Add-in can create buttons, dockpanes, panes, ProWindow (dialog) etc using the SDK Item templates.  Here are some resources that will help you get started with developing UI with Pro SDK:

1. We have various samples in the ArcGIS-Pro-SDK-Community-Samples repo that can help you.

2. The Pro SDK team has recorded many sessions on YouTube (from previous conferences) that will also help you.  

3. On the Pro SDK website, there is a collection of tutorials that can also help: ArcGIS Pro SDK Tutorials 

Thanks

Uma

View solution in original post

Reply
0 Kudos
Highlighted
Occasional Contributor

Many thanks. Just to confirm...I cannot use WinForms with the ArcGIS Pro SDK. The GUI elements must be the based on the SDK templates. Is that a correct assumption?

Reply
0 Kudos
Highlighted
Esri Contributor

As Uma stated >>The Pro UI is written using WPF<< and the SDK templates automate the generation of most of the possible UI elements that are supported in Pro (buttons, tools, panes, dockpanes, property pages, property sheets, custom controls, and so on).

However, you can write any of the UI elements by hand - you would just be responsible for deriving from the correct base classes, adding the requisite overloads and so forth, and adding the necessary Config.daml entries.  This can be a tedious business to repeat each time you need to add, say a button or a dockpane. That is where the SDK templates come in - to help automate a lot of these repetitive tasks. However, you don't _have_ to use them. You can do it all by hand as you need (for example - copy/pasting or moving existing classes from one add-in project to another).

Also, within WPF, the underlying technology used by the Pro UI, you can host a Winforms control within a WPF user control or window - though this is not a common pattern and is usually done for legacy reasons (eg an old WinForms control provides a specific set of functionality not easily duplicated in WPF or the level of effort is too great to rewrite it).

You can read the  Microsoft documentation on WindowsFormHost for more information if you are interested.

Reply
0 Kudos
Highlighted
Occasional Contributor

That's great info. I did some WPF a while back so ill have to pick it up again.

Reply
0 Kudos