Skip navigation
All Places > AppStudio for ArcGIS > Blog > Author: TJin-esristaff
1 2 3 Previous Next

AppStudio for ArcGIS

34 Posts authored by: TJin-esristaff Employee

AppStudio for ArcGIS Desktop version 2.0 is getting a brand-new look.  The new design of AppStudio for ArcGIS Desktop provides a beautiful and consistent interface and simple user experience.  Many new features and enhancements were introduced to the AppStudio Desktop and changes include the following:

 

ArcGIS Runtime Version 100.1 support

One of the most exciting enhancements is the support for new ArcGIS Runtime. With the new runtime, you can leverage 3D scenes, Raster data, Mobile Map Packages, Vector Tiles, and more in AppStudio apps. However, we did not forget about your existing apps, in fact, we went a step further by supporting both runtimes side by side (Yes that's right, both your existing apps using 10.2.6 runtime and the new ones using 100.1 will run, compile, play and build side by side).

 

Brand-New Interface

AppStudio for ArcGIS 2.0 Desktop has a cool new interface tailored to improve your app development experience and efficiency. The simplified menu bar enables you open Console to debug apps, launch virtual devices, refresh gallery, create a new app, and set preferences.  The user interface is also customizable with the choice of light and dark themes, normal and large card sizes, and ability position side panel to the left and right.  The new side panel gives you quick access to the tools you use most.  Two new tools included in the side panel are the “Open Online Item” and a QR code generator so you can quickly download an app to a device running AppStudio Player.

 

             Note: The new design for Console, Settings, and Make will be available in the following release.

 

              

 

 

 

Better Search Functionality

Searching apps in the gallery just got easier.  AppStudio 2.0 features powerful search functionality that can help you find any app easily.  Not only can you use #tag search for apps tagged with a term or @username for apps created by a specific user, but you can also filter apps based on the app ownership, location, and status.

 

 

               

 

 

Enhanced Create “New App” Experience

We have completely redesigned the "New App" dialog to provide you an easier experience to create apps.  You can also now search for samples and templates apps in the “New App” dialog. 

 

 

                 

 

 

 

New Samples

With the support of new ArcGIS Runtime, we have updated more than 40 high-quality samples to help you build custom apps. These samples demonstrate core runtime features such as 3D scene, feature layers, offline map, portal, along with samples for native capabilities. To use or view our samples you can click on the “New App” button,  select Samples category, and choose the sample that you want.  You can also access these samples online at AppStudio Samples GitHub.

 

 

                  

 

 

New Controls

Qt introduced new controls which include Material and Universal style. The Material Style follows Google Material Design Guidelines whereas Universal Style is based on Microsoft Universal Design Guidelines. AppStudio now supports these controls to help you create visually appealing apps. 

 

Beta Features

AppStudio has introduced few new capabilities as beta features such as:

 

  • Local Notification
  • Vibration
  • Background Location
  • Promises
  • SQL Storage

 

You can learn more about them by reading this blog post.

This new release brings out many exciting new features and enhancements to AppStudio for ArcGIS Templates.  For example, Map Viewer Template has been redesigned from the ground up and Quick Report Template works completely offline with the support of Mobile map package.  Let's take a look at these new features.  

 

Map Tour Template:

 

New ArcGIS Runtime

Map Tour template now built using the latest ArcGIS Runtime 100.1 (a.k.a Quartz) for mapping capabilities. This opens up all the new and improved capabilities that the new runtime has to offer such as 3d, vector map tiles, support for webmaps v2.0 and above, better rendering and labelling support to name a few.

 

New Landscape View

Map Tour template has a new design for the landscape view.  You will be able to see the images and map at the same time on the large screen.

 

 

 

Support for the HTML <audio> Tag

Many users like to add HTML <audio> tag into story maps.  We don't want you to miss out such great functionality to enhance the storytelling experience.  Starting from AppStudio v2.0 Map Tour template, if your tour point has audio in the description you will be able to play audio inline within the app.                  

                       

 

 

 

Map Viewer Template:

 

New ArcGIS Runtime

Map Viewer template now built using the latest ArcGIS Runtime 100.1 (a.k.a Quartz) for mapping capabilities. This opens up all the new and improved capabilities that the new runtime has to offer such as 3d, vector map tiles, support for webmaps v2.0 and above, better rendering and labelling support to name a few.

 

New Interface

This update brings a clean and intuitive new interface using the Material design controls. The new and improved Map Viewer Template provides an immersive and adaptive display for all screen sizes and tailored for better user experience.

 

New functionalities

The following is a list of new features that were added in this release.  

  • Pop-up support (includes attachment and media)
  • Geosearching (within and outside the extent of the map)
  • Feature search (if your webmap support search for layers)
  • Bookmarks
  • Switching base maps
  • Changing Map Units
  • Secured layers (provides a way for user to sign in to unlock)
  • Premium layers (provides a way for user to sign in to unlock)
  • Support for OpenStreetMap, Bing, Image, Web Tiles layers

 

 

 

                                      

 

Quick Report Template:

 

Settings Enhancements

Includes custom settings to change the font size and switch to dark mode.  The new Reset Button brings you back to the default app settings and deletes all of the saved drafts and offline maps. You can also sign out from your current logged-in account with the Sign Out button.

 

 

                            

 

New ArcGIS Runtime

Quick Report template now uses the latest ArcGIS Runtime 100.1 (a.k.a Quartz) for mapping capabilities. This opens up all the new and improved capabilities that the new runtime has to offer such as 3d, offline map packages (mmpk), vector map tiles, support for webmaps v2.0 and above, better rendering and labelling support to name a few.

 

Fully offline

Starting from AppStudio for ArcGIS version 2.0, you can download the Mobile map package (MMPK) for offline use. With the support for MMPK, the Quick Report Template now works fully offline. 

 

 

                        

 

 

Camera Improvements

This release offers a range of great features that will improve your experience while using the camera in the Quick Report.  New features and enhancements include:

 

  • Adding a zoom in/out slider
  • Switching between front and back cameras
  • Adding EXIF info to images
  • Implementing red eye reduction
  • Continuous focus

 

                                   

Map Page enhancements

The following are a set of enhancements added to the map page:

  • Geosearching
  • Full-screen map

 

               

 

 

Saved Draft page enhancements

Now, you can sort saved drafts based on the Date/Time to help you identify the draft.

         

 

               

 

 

New Submit Button on draft report page

In the last version of Quick Report, you had to navigate to the last page to submit a draft, even if you only need to modify report information on the first page. And as a user productivity enhancement, the submit Submit Button is included on every page while editing a saved draft.

 

 

 

            

AppStudio Player for ArcGIS allows you to test your app on a device quickly.  AppStudio Player version 2.0 is now available on iTunes and Google Play stores. Here is an introduction of new features and enhancements.   

 

Settings Enhancements:

AppStudio Player now supports two versions of the ArcGIS Runtime and new style controls. Hence, we have introduced a new settings interface that allows you to switch between ArcGIS Runtime 100.1 and 10.2.6 and set up your app style (Default, Material style, and Universal style).  We also provided an option to turn on or off auto refreshing of apps in the Settings interface.

 

                     

 

 

 

 

Side Tab Enhancements:

The side tab allows you navigate from your current app to Gallery. We have provided the ability to reposition this side tab by simply dragging around the screen.  You will notice that a Reload button is on the side tab, this button allows you download the latest version of the app without closing it. Moreover, you can completely hide the side tab and take nice screenshots of your app. 

 

 

                         . 

 

 

 

 

 

Search and Download Public Apps:

AppStudio Player Version 2.0 provides the ability to search and download apps shared with you,  shared within an organization and shared publicly.

 

 

                         

                                  

This blog post was contributed by Jinnan Zhang of Esri Living Atlas Team. Download his latest AppStudio app Ecological Marine Unit (EMU) at App Store or Google Play

 

The core of user experience (UX) and user interface (UI) design is all about communication. Using icons is a very effective way to communicate with users. Icons can help users absorb and process the meaning or purpose of a design element almost instantly and can transcend language barriers. Icons can also serve as paragraph breaks that visually separate content to make it more interesting and readable. Icons save valuable screen space, and when it comes to the mobile apps, this is essential.

Traditionally, icons were graphics that needed to be designed, cropped, optimized, styled and loaded by the user. Font libraries are a modern method of incorporating icons into your app. They are just fonts that contain symbols and glyphs instead of letters and numbers, this means you can style them in the same way you style regular text.  This made them increasingly popular with developers and designers.

This post shows you how to incorporate font based icons into your AppStudio for ArcGIS project using Font Awesome -- one of the most popular icon font libraries.

 

Why use Font Awesome?

In case you are not familiar with Font Awesome - it is a large icon set designed for Bootstrap; it provides you scalable vector icons (for free) that can instantly be customized - size, color, drop shadow, etc.

Font Awesome is powerful because the icons it provides are...

  1. Easy to style. How would you go about changing the color of an image icon? Not very easy, right? However, with Font Awesome, you change the color of an icon just like you would change the color of a regular text element.
  2. Scalable. An icon’s size can be changed instantly and since they are scalable vectors, they look great at any size and screen resolution.
  3. Retina ready. Font Awesome renders your icons as sharp as your device allows so you do not need to worry about creating icons for high-resolution retina displays.
  4. Popular. The icons you use should be widely understood and recognized, otherwise, they will probably fail to communicate effectively. Font Awesome is probably the most popular icon font out there and it is the 11th most popular project on GitHub now...

 

How to use Font Awesome?

Here are the steps of how to use Font Awesome in your AppStudio for ArcGIS App, 

  1. Download the Font Awesome package from Font-Awesome website, unzip it and add the “fontawesome-webfont.ttf” file to the assets folder of the project.
  2. Load the “fontawesome-webfont.ttf” file to your app project. 
      FontLoader {
            id: fontAwesome
            source: app.folder.fileUrl("assets/fontawesome-webfont.ttf")
        }
        
  3. Using the Font Awesome Cheatsheet page to locate the Unicode string for the icon that you want to use. In this case, we will choose a home icon (Unicode string: “f015”).  Now, we can add the home icon to the app by simply creating a QML Text element.  Note that font family needs to be set as the Font Awesome font family name and the text property is the icon Unicode string.   
            Text {
                id:homeIcon
                font.family: fontAwesome.name
                text: "\uf015"
                font.pixelSize: 35
                anchors.horizontalCenter: parent.horizontalCenter
            }
  4. Now we will add a text label under the home icon to make it looks like this:

                                                                                   

            Text{
                text:qsTr("Home")
                anchors.top:homeIcon.bottom
                font.pixelSize: 15
                anchors.horizontalCenter: parent.horizontalCenter       
            }

     

  5. If you plan to use an icon multiple times, you might consider using a user-friendly name instead of the Unicode string. To do this, assign the Unicode string to a read-only property in your app then use it for the Text Element’s text property:       

  1. readonly property string ft_home: "\uf015"

        Text {
            id:homeIcon
            font.family: fontAwesome.name
            text: ft_home
            font.pixelSize: 35
            anchors.horizontalCenter: parent.horizontalCenter
        }

 

And we are done!  It is that simple to add custom icons into your app that scales and looks exactly the way you want to design your app.

To help you get started, here is a sample AppStudio app available on GitHub that uses Font Awesome icons in many different ways (Eg. buttons, links, icons).  Check out the source and add it to your own AppStudio app.  

                                                    

      Now it is your turn to create awesome AppStudio apps using Font Awesome Icons!

 

AppStudio for ArcGIS