DocumentatieAEM 6.5Handboek

Aanpassing branding branding-customization

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • Gebruiker
  • Ontwikkelaar

U kunt het toepassingspictogram, de toepassingsnaam, lanceringsbeelden, en login pagina aanpassen om een duidelijk organisatie-specifieke verschijning aan AEM Forms app te verstrekken. U kunt de afbeeldingen bijvoorbeeld wijzigen en logo's van uw organisatie gebruiken. De AEM Forms-app ondersteunt de volgende aanpassingen:

  • Het toepassingspictogram aanpassen en afbeeldingen starten
  • Toepassingsnaam aanpassen
  • Afbeeldingen op de aanmeldingspagina aanpassen
  • Het logo aanpassen in het app-menu

Pictogram aanpassen en afbeeldingen starten customizing-icon-and-launch-images

Voer de volgende stappen uit om het standaardpictogram voor de app en de opstartafbeelding van de AEM Forms-app aan te passen:

NOTE
Gebruik voor alle pictogrammen en afbeeldingen de niet-geïnterlinieerde PNG-indeling.

Pictogram aanpassen en afbeeldingen starten to-customize-icon-and-launch-images

Voor iOS for-ios

  1. Open het Capture.xcodeproj -project in Xcode.

  2. (voor het aanpassen van pictogram) In de navigatormening van Vangst, navigeer aan Capture > Capture > Supporting Files > Capture-info.plist. Klik op de vervolgkeuzelijst naast de pictogrambestanden. Geef de naam van het pictogrambestand (.png) op en upload het bestand op Capture > Capture > Resources > icons . Ondersteunde afmetingen zijn: 29x29, 50x50, 58x58, 72x72, 100x100 en 144x144.

  3. (voor het aanpassen van lanceringsbeelden) zorg ervoor dat de filenames van uw beelden zijn:

    • Voor staand: Default-Portrait~ipad.png en Default-Portrait@2x~ipad.png
    • Voor liggend: Default-Landscape~ipad.png en Default-Landscape@2x~ipad.png

    Upload hen aan het project van de Vangst om bestaande dossiers in het project te vervangen.

    note note
    NOTE
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  4. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Voor Android for-android

  1. Geef de pictogrambestanden van de toepassing een naam als:

    ic_launcher.png

  2. Plaats de corresponderende pictogrambestanden in de volgende directory's:

    • [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
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  3. Maak de AEM Forms-app opnieuw.

Voor Windows for-windows

  1. De pictogrammen in het pad vervangen:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows

  2. Vervang de startafbeelding in het pad:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows

    note note
    NOTE
    Zorg ervoor dat de naam en resolutie van de afbeelding overeenkomen met de afbeelding die u in het project vervangt.

  3. Maak de AEM Forms-app opnieuw.

De toepassingsnaam aanpassen customize-the-app-name

Voor iOS for-ios-1

  1. Open het Capture.xcodeproj -project in Xcode.

  2. Navigeer in de navigatorweergave van Vastleggen naar Capture > Capture > Supporting Files > InfoPlist.strings .

    Werk de waarde voor het kenmerk CFBundleDisplayName bij naar een naam die u voor de app wilt weergeven.

  3. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

    Voor details bij het bouwen van app voor iOS, zie Opstelling het Xcode- project en bouwt iOS app.

Voor Android for-android-1

  1. Open de volgende XML in om het even welke tekst of redacteur Xml:

    [User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. Werk de waarde voor de toets app_name bij.

  3. Maak de AEM Forms-app opnieuw.

    Voor details bij de bouw van app voor Android, zie Opstelling het project van de Verduistering en bouwt Android app.

Voor Windows for-windows-1

  1. Open de volgende XML in om het even welke tekstredacteur:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml

  2. Werk de waarde in de tag <name>...</name> bij.

  3. Maak de AEM Forms-app opnieuw.

    Voor details bij de bouw van app voor Vensters, zie Opstelling het project van Visual Studio en bouw Vensters app.

Afbeeldingen op de aanmeldingspagina aanpassen customizing-images-on-the-login-page

De aanmeldingspagina van de AEM Forms-app bevat logo- en achtergrondafbeeldingen. Het logo bevindt zich boven het aanmeldingsvenster en de achtergrondafbeelding bevindt zich onder het aanmeldingsvenster. Voer de volgende stappen uit om de standaardafbeelding op de aanmeldingspagina aan te passen:

alvorens u begint

Zorg ervoor dat u de volgende afbeeldingen hebt:

Beschrijving
Grootte
Bestandsnaam
Logo
72 x 72 pixels
LC-logo.png
Achtergrondafbeelding (staand)
1280 x 989 pixels
Landing_bg.jpeg

om beelden op de login pagina aan te passen gebruikend Xcode

  1. Open het Capture.xcodeproj -project in Xcode.

  2. Navigeer aan de www/wsmobile/images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard LC-logo.png -bestand door het aangepaste LC-logo.png -bestand.

  4. Om achtergrond te veranderen, vervang het standaard Landing_bg.jpeg dossier met het douane Landing_bg.jpeg dossier.

  5. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Afbeeldingen op de aanmeldingspagina's aanpassen met Eclipse to-customize-images-on-the-login-pages-using-eclipse

  1. Open het Android-project in Eclipse.

  2. Navigeer aan de assets/www/wsmobile/images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard LC-logo.png -bestand door het aangepaste LC-logo.png -bestand.

  4. Om achtergrond te veranderen, vervang het standaard Landing_bg.jpeg dossier met het douane Landing_bg.jpeg dossier.

  5. AEM Forms-app ontwikkelen en uitvoeren op Android-apparaat.

Om beelden op de login pagina's aan te passen gebruikend Visual Studio to-customize-images-on-the-login-pages-using-visual-studio

  1. Open het MWSWindows.sln project in Visual Studio.

  2. Navigeer aan de MWSWindows\www\wsmobile\images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard LC-logo.png -bestand door het aangepaste LC-logo.png -bestand.

  4. Om achtergrond te veranderen, vervang het standaard Landing_bg.jpeg dossier met het douane Landing_bg.jpeg dossier.

  5. AEM Forms-app ontwikkelen en uitvoeren op Windows-apparaat.

Het logo aanpassen in het app-menu customizing_images_on_the_login_page-1

Nadat u zich hebt aangemeld bij de AEM Forms-app en de menuknop hebt geselecteerd, ziet u het logo boven het menu. Voer de volgende stappen uit om het standaardlogo aan te passen:

alvorens u begint

Zorg ervoor dat u de volgende afbeelding hebt:

Beschrijving
Grootte
Bestandsnaam
Logo
72 x 72 pixels
aem_icon.png

om beelden op de login pagina aan te passen gebruikend Xcode

  1. Open het Capture.xcodeproj -project in Xcode.

  2. Navigeer aan de www/wsmobile/images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard aem_icon.png -bestand door het aangepaste aem_icon.png -bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op iOS-apparaat of iOS-simulator.

Afbeeldingen op de aanmeldingspagina's aanpassen met Eclipse to-customize-images-on-the-login-pages-using-eclipse-1

  1. Open het Android-project in Eclipse.

  2. Navigeer aan de assets/www/wsmobile/images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard aem_icon.png -bestand door het aangepaste aem_icon.png -bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op Android-apparaat.

Om beelden op de login pagina's aan te passen gebruikend Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1

  1. Open het MWSWindows.sln project in Visual Studio.

  2. Navigeer aan de MWSWindows\www\wsmobile\images omslag.

  3. Als u het logo wilt wijzigen, vervangt u het standaard aem_icon.png -bestand door het aangepaste aem_icon.png -bestand.

  4. AEM Forms-app ontwikkelen en uitvoeren op Windows-apparaat.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2