Branding-Anpassung branding-customization
Sie können das Symbol und den Namen der Anwendung, Startbilder und die Anmeldeseite anpassen und dadurch ein auf Ihr Unternehmen zugeschnittenes Erscheinungsbild für Ihre Organisation in der AEM Forms-App gestalten. Sie können beispielsweise die Bilder so ändern, dass Logos aus Ihrer Organisation verwendet werden. Die AEM Forms-App unterstützt die folgenden Anpassungen:
- Anpassen des Programmsymbols und der Startbilder
- App-Namen anpassen
- Bilder auf der Anmeldeseite anpassen
- Anpassen des Logos im App-Menü
Anpassen von Symbol- und Startbildern customizing-icon-and-launch-images
Führen Sie die folgenden Schritte aus, um das standardmäßige App-Symbol und das Startbild der AEM Forms-App anzupassen:
So passen Sie Symbole und Startbilder an to-customize-icon-and-launch-images
Für iOS for-ios
-
Öffnen Sie das Projekt
Capture.xcodeproj
in Xcode. -
(Symbol anpassen) Navigieren Sie in der Navigatoransicht von „Capture“ zu „Capture“ > „Capture“ > „Unterstützende Dateien“ > Capture-info.plist. Klicken Sie auf das Dropdown-Menü neben den Symboldateien. Geben Sie den Namen der Symboldatei (.png) an und laden Sie die Datei in „Capture“ > „Capture“ > „Ressourcen“ > „Symbole“ hoch. Derzeit unterstützte Abmessungen sind: 29 x 29, 50 x 50, 58 x 58, 72 x 72, 100 x 100 und 144 x 144.
-
(Startbilder anpassen) Vergewissern Sie sich, dass die Dateinamen Ihrer Startbilder folgendermaßen lauten.
- Für Hochformat:
Default-Portrait~ipad.png
undDefault-Portrait@2x~ipad.png
- Für Querformat:
Default-Landscape~ipad.png
undDefault-Landscape@2x~ipad.png
Laden Sie sie in das Projekt Capture hoch, um vorhandene Dateien im Projekt zu ersetzen.
note note NOTE Stellen Sie sicher, dass Name und Auflösung des Bildes mit dem Bild übereinstimmen, das Sie im Projekt ersetzen. - Für Hochformat:
-
Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.
Für Android for-android
-
Benennen Sie die Anwendungssymboldateien wie folgt:
ic_launcher.png
-
Platzieren Sie die entsprechende Symboldateien in den folgenden Verzeichnissen:
[User_Home]/Projects/[your-project]/src/android/res/drawable-hdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-mdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxxhdpi
note note NOTE Stellen Sie sicher, dass Name und Auflösung des Bildes mit dem Bild übereinstimmen, das Sie im Projekt ersetzen. -
Erstellen Sie die AEM Forms-App neu.
Für Windows for-windows
-
Ersetzen Sie die Symbole im Pfad:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
-
Ersetzen Sie das Starterbild im Pfad:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
note note NOTE Stellen Sie sicher, dass Name und Auflösung des Bildes mit dem Bild übereinstimmen, das Sie im Projekt ersetzen. -
Erstellen Sie die AEM Forms-App neu.
App-Namen anpassen customize-the-app-name
Für iOS for-ios-1
-
Öffnen Sie das Projekt
Capture.xcodeproj
in Xcode. -
Gehen Sie in der Navigatoransicht von Capture zu Capture > Capture > Unterstützende Dateien > InfoPlist.strings.
Ändern Sie den Wert für das Attribut
CFBundleDisplayName
auf einen Namen, den Sie für die Anwendung anzeigen möchten. -
Erstellen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator.
Weitere Informationen zum Erstellen der App für iOS finden Sie unter Einrichten des Xcode-Projekts und Erstellen der iOS-App.
Für Android for-android-1
-
Öffnen Sie die folgende XML-Datei in einem Text- oder XML-Editor:
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
-
Aktualisieren Sie den Wert des Schlüssels
app_name
. -
Erstellen Sie die AEM Forms-App neu.
Weitere Informationen zum Erstellen der App für Android finden Sie unter Einrichten des Eclipse-Projekts und Erstellen der Android-App.
Für Windows for-windows-1
-
Öffnen Sie die folgende XML-Datei in einem beliebigen Texteditor:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
-
Aktualisieren Sie den Wert im
<name>...</name>
-Tag. -
Erstellen Sie die AEM Forms-App neu.
Weitere Informationen zum Erstellen der App für Windows finden Sie unter Einrichten des Visual Studio-Projekts und Erstellen der Windows-App.
Bilder auf der Anmeldeseite anpassen customizing-images-on-the-login-page
Auf der Anmeldeseite der AEM Forms-App befinden sich Bilder für das Logo und den Hintergrund. Das Logo befindet sich über dem Anmeldungsdialogfeld und das Hintergrundbild befindet sich unter dem Anmeldungsdialogfeld. Führen Sie die folgenden Schritte aus, um das Standardbild auf der Anmeldeseite anzupassen:
Bevor Sie beginnen
Stellen Sie sicher, dass Sie die folgenden Bilder haben:
So passen Sie Bilder auf der Anmeldeseite mit Xcode an
-
Öffnen Sie das Projekt
Capture.xcodeproj
in Xcode. -
Navigieren Sie zum Ordner
www/wsmobile/images
. -
Um das Logo zu ändern, ersetzen Sie die Standarddatei
LC-logo.png
durch die benutzerdefinierte DateiLC-logo.png
. -
Um den Hintergrund zu ändern, ersetzen Sie die standardmäßige Datei
Landing_bg.jpeg
mit der benutzerdefinierten DateiLanding_bg.jpeg
. -
Bauen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator auf und führen Sie sie aus.
So passen Sie Bilder auf den Anmeldeseiten mit Eclipse an to-customize-images-on-the-login-pages-using-eclipse
-
Öffnen Sie das Android-Projekt in Eclipse.
-
Navigieren Sie zum Ordner
assets/www/wsmobile/images
. -
Um das Logo zu ändern, ersetzen Sie die Standarddatei
LC-logo.png
durch die benutzerdefinierte DateiLC-logo.png
. -
Um den Hintergrund zu ändern, ersetzen Sie die standardmäßige Datei
Landing_bg.jpeg
mit der benutzerdefinierten DateiLanding_bg.jpeg
. -
Erstellen Sie die AEM Forms-App auf einem Android-Gerät und führen Sie sie aus.
So passen Sie Bilder auf den Anmeldeseiten mit Visual Studio an to-customize-images-on-the-login-pages-using-visual-studio
-
Öffnen Sie das
MWSWindows.sln
-Projekt in Visual Studio. -
Navigieren Sie zum Ordner
MWSWindows\www\wsmobile\images
. -
Um das Logo zu ändern, ersetzen Sie die Standarddatei
LC-logo.png
durch die benutzerdefinierte DateiLC-logo.png
. -
Um den Hintergrund zu ändern, ersetzen Sie die standardmäßige Datei
Landing_bg.jpeg
mit der benutzerdefinierten DateiLanding_bg.jpeg
. -
Bauen Sie die AEM Forms-App auf einem Windows-Gerät auf und führen Sie sie aus.
Anpassen des Logos im App-Menü customizing_images_on_the_login_page-1
Nachdem Sie sich bei der AEM Forms-App angemeldet und auf die Menüschaltfläche geklickt haben, wird das Logo über dem Menü angezeigt. Führen Sie die folgenden Schritte aus, um das Standardlogo anzupassen:
Bevor Sie beginnen
Stellen Sie sicher, dass Sie das folgende Bild haben:
So passen Sie Bilder auf der Anmeldeseite mit Xcode an
-
Öffnen Sie das Projekt
Capture.xcodeproj
in Xcode. -
Navigieren Sie zum Ordner
www/wsmobile/images
. -
Um das Logo zu ändern, ersetzen Sie die standardmäßige Datei
aem_icon.png
durch die benutzerdefinierte Dateiaem_icon.png
. -
Bauen Sie die AEM Forms-App auf einem iOS-Gerät oder einem iOS-Simulator auf und führen Sie sie aus.
So passen Sie Bilder auf den Anmeldeseiten mit Eclipse an to-customize-images-on-the-login-pages-using-eclipse-1
-
Öffnen Sie das Android-Projekt in Eclipse.
-
Navigieren Sie zum Ordner
assets/www/wsmobile/images
. -
Um das Logo zu ändern, ersetzen Sie die standardmäßige Datei
aem_icon.png
durch die benutzerdefinierte Dateiaem_icon.png
. -
Erstellen Sie die AEM Forms-App auf einem Android-Gerät und führen Sie sie aus.
So passen Sie Bilder auf den Anmeldeseiten mit Visual Studio an to-customize-images-on-the-login-pages-using-visual-studio-1
-
Öffnen Sie das
MWSWindows.sln
-Projekt in Visual Studio. -
Navigieren Sie zum Ordner
MWSWindows\www\wsmobile\images
. -
Um das Logo zu ändern, ersetzen Sie die standardmäßige Datei
aem_icon.png
durch die benutzerdefinierte Dateiaem_icon.png
. -
Erstellen und wählen Sie „AEM Forms App“ auf dem Windows-Gerät.