Die Beta-Version des ArcGIS Maps SDK für Flutter wurde veröffentlicht. In diesem Artikel stellen wir die Ankündigung und eine Übersicht über das SDK vor, basierend auf dem Artikel von Esri USA „Ankündigung des neuen ArcGIS Maps SDK für Flutter Beta“.
Einleitung
Mit der ersten öffentlichen Beta-Version des ArcGIS Maps SDK für Flutter erhalten Entwickler eine neue Möglichkeit, plattformübergreifende native mobile Anwendungen mit ArcGIS-Funktionalität zu erstellen.
In diesem Blogbeitrag stellen wir die Hauptfunktionen und Vorteile des neuen ArcGIS Maps SDK für Flutter sowie Flutter selbst vor.
Der Zugang zur Beta-Version erfolgt über Esris Early Adopter Website, aber für weitere Details zu diesem neuen Mitglied der ArcGIS Maps SDKs for Native Apps-Familie lesen Sie bitte diesen Artikel!
Flutter
Flutter ist eine von Google entwickelte Open-Source-Technologie, die dank ihrer umfangreichen Tools, Produktivitätsfunktionen, einer starken Entwicklergemeinschaft und schnellen Entwicklungszyklen schnell an Beliebtheit in der plattformübergreifenden mobilen App-Entwicklung gewinnt. Das Flutter-Framework basiert auf Dart (einer prägnanten und modernen Programmiersprache) und ist ein reaktives, deklaratives UI-Framework, das darauf ausgelegt ist, nativ kompilierte plattformübergreifende Anwendungen zu erstellen. Mit seiner erstklassigen Tool-Umgebung und schnellen Prototyping-Möglichkeiten können Entwickler das Design ihrer Apps nahtlos erstellen und wiederverwenden.
Warum wir uns für die Veröffentlichung des ArcGIS Maps SDK für Flutter entschieden haben, erfahren Sie im vorherigenBlogbeitrag.
ArcGIS Maps SDK für Flutter Beta
Das Flutter Maps SDK kombiniert die Vorteile und Funktionen von Flutter mit den georäumlichen und ortsbezogenen Funktionen des ArcGIS Maps SDK for Native Apps. Wer bereits mit der Native SDK-Familie vertraut ist, wird sich schnell mit den Funktionen dieser ersten Flutter Maps SDK Beta wie Mapping, Geokodierung, Routing und Offline-APIs zurechtfinden.
Als Beta-Produkt wird das SDK schrittweise um Funktionen erweitert. Diese erste Beta konzentriert sich auf grundlegende Online-/Offline-2D-Kartenanzeige, Geokodierung, Routing und Datenbearbeitungs-Workflows. Mit jeder neuen Version werden weitere Funktionen hinzugefügt, bis es mit anderen nativen SDKs gleichzieht. Weitere Informationen finden Sie auf der Early Adopter Website.
Um Ihnen einen Überblick über die Funktionen der Flutter Maps SDK Beta zu geben, haben wir ein ArcGIS Maps SDK für Flutter Beispiel-Repository auf GitHub bereitgestellt. Dieses Repository wird regelmäßig mit neuen Beispielen aktualisiert und ist ein wesentlicher Bestandteil des gesamten SDK.
Sie können verschiedene Beispiele sehen, die die Funktionen der ArcGIS Maps SDK für Flutter Beta demonstrieren.
Dieses Repository enthält Beispielcode, der die Funktionen der Flutter Maps SDK Beta zeigt und wie man sie in eigenen Apps verwendet. Es erklärt typische Native SDK-Workflows in Flutter-Anwendungen anhand folgender Beispiele:
Layer | Renderer | Symbolanzeige |
|---|
Kartenanzeige | Geometrie | Routing |
Geokodierung | Attributanzeige | Offline-Workflow |
Abfrage | Feature | Standort |
Datenanzeige | Authentifizierung | Mobile Map Package |
Das Repository enthält auch eine Beispiel-Viewer-App, die auf iOS- und Android-Simulatoren oder Geräten ausgeführt werden kann. Entwickler können so Beispiele einfach zusammen ansehen oder einzeln ausführen.
Das Beispielset im ArcGIS Maps SDK für Flutter Beta Repository zeigt Funktionen wie Geräteposition, Lupe und Routing.
Laden Sie das Flutter Maps SDK Beta-Paket von der Early Adopter Website herunter und folgen Sie den Startanweisungen – dann sind Sie bereit, Ihre erste Flutter Maps SDK-App zu erstellen. Denken Sie daran, dass Sie mit Flutter aus einer einzigen Codebasis Apps bauen können, die sowohl auf iOS- als auch auf Android-Emulatoren oder -Geräten laufen.
Im Folgenden erklären wir die Hauptkonzepte beim Bauen mit Flutter und wie diese mit den ArcGIS-Funktionen kombiniert werden können.
Flutter Widget
Das Kernkonzept von Flutter ist, dass die Benutzeroberfläche aus Flutter Widgets aufgebaut wird. Widgets sind Bausteine der App-Oberfläche; sie definieren Layouts und interaktive Elemente und verwalten auch den Zustand.
Wenn Sie eine App mit einem beliebigen Native SDK erstellen, fungiert die Kartenansicht als Benutzeroberfläche zur Anzeige von Kartenebenen und Grafiken. Im Beta-Stadium des Flutter Maps SDK ist die Klasse ArcGISMapView selbst ein Widget, sodass Sie genau steuern können, wo in Ihrer Anwendung die Karte platziert wird. Zum Beispiel können Sie sie in ein Flutter Stack Widget einbetten, um UI-Steuerelemente darüber zu legen, oder in ein Flutter Expanded Widget einbetten, um den restlichen Platz im Anwendungsfenster auszufüllen.
Beispiel eines Widget-Baums mit dem ArcGISMapView Widget innerhalb eines Stack Widgets im Set Basemap Beispiel
Sie können bestehende Widgets einfach durch neue Widgets ersetzen oder entfernen, um sie an Ihre Designanforderungen anzupassen – dies lässt sich leicht in Ihrer bevorzugten IDE für Flutter refaktorieren. Der Widget-Baum von Flutter bietet eine einfache Referenz zum Verständnis der Architektur Ihres App-Designs.
Mit Blick auf das App-Design kommen wir nun zum Thema Hot Reload von Flutter. Damit wird das UI-Layout live auf dem Gerät oder Emulator aktualisiert – ohne dass eine Neukompilierung erforderlich ist.
Hot Reload
Eine beliebte Funktion von Flutter ist das Stateful Hot Reload (auch bekannt als Hot Reload）です。これは Dart Virtual Machine (VM) に更新されたコードを挿入することで動作し、VM が更新されると Flutter はウィジェットツリーを再構築します。
例えば、Flutter エンジニアの Jennifer Merritt が Palm Springs で開催された 2024 Developer Summit で実演したように、コードを更新してアプリ内のボタンを移動させることができます。
ホットリロードのもう1つの例を以下に示します。紫色のテーマから白と青のアプリテーマにスタイルを更新することで、アプリのデザイン変更を素早くプロトタイプ化します（このケースでは Set Basemap サンプルを使用）。
ホットリロードを使用して ArcGIS Maps SDK for Flutter アプリのデザイン変更を簡単に確認する例
さいごに
新しい ArcGIS Maps SDK for Flutter のベータ版をぜひお試しください！ベータ版は Early Adopter サイトからアクセスでき、GitHub の ArcGIS Maps SDK for Flutter サンプル リポジトリからサンプルをチェックできます。ArcGIS の機能と Flutter の生産性を組み合わせて、クロスプラットフォームのモバイル アプリケーションを構築してください。
Early Adopter サイトには専用のフォーラムが用意されていますので、Flutter Maps SDK の気に入っている点や、他にどんな機能が欲しいかなどをお知らせください！
新しい ArcGIS Maps SDK for Flutter ベータを使った地理空間アプリの作り方については、近日中に ArcGIS Blog でご紹介する予定です。
