Une bibliothèque qui effectue des captures d'écran par langue, puis crée et distribue des images de magasin par langue

Une bibliothèque qui effectue des captures d’écran par langue, puis crée et distribue des images de magasin par langue.

0. préparer

Les bibliothèques suivantes doivent être configurées pour appliquer cette bibliothèque

1. créer un émulateur android / ios

il doit être conçu pour s’adapter à la taille du magasin. se il vous plaît se référer ce lien

Android

ouvrir le studio Android
outils – Gestionnaire de périphériques – Créer un périphérique – Nouveau profil matériel
1. Galaxy S10
  1. Nom de l’appareil : Samsung Galaxy S10
  2. Écran – Résolution : 1440 x 3040
  3. cliquez sur suivant jusqu’à l’étape « Vérifier la configuration »
  4. cliquez sur « Afficher les paramètres avancés »
  5. Performances émulées – Option de démarrage : démarrage à froid
  6. Mémoire et stockage – Stockage interne : plus de 2 000 Mo
2. nexus_9
  1. Nom de l’appareil : nexus_9
  2. Écran – Résolution : 1536 x 2048
  3. cliquez sur suivant jusqu’à l’étape « Vérifier la configuration »
  4. cliquez sur « Afficher les paramètres avancés »
  5. Performances émulées – Option de démarrage : démarrage à froid
  6. Mémoire et stockage – Stockage interne : plus de 2 000 Mo

ios

ouvrir xcode
1. fenêtre dans la barre de menus
2. cliquez sur « appareils et simulateurs »
3. cliquez sur « Simulateur » en haut à gauche
4. cliquez sur « + » en bas à gauche
5. ajouter
  1. iPhone 8
  2. iPhone 8 Plus
  3. iPad Pro (12,9 pouces) (2e génération)
  4. iPhone 13 Pro Max

2. réglez le gitingore.

Comme il existe des centaines d’images, vous devez exclure ces images de git.

/auto_translation/screenshots/
/auto_translation/framed/
/auto_translation/metadata/

3. Définissez la scène de la capture d’écran dans l’application

avant de prendre une capture d’écran, vous devez définir l’écran sur lequel prendre une capture d’écran.

1. télécharger text_drive.zip fichier et placez-le dans le répertoire racine du projet.

![](https://user-images.githubusercontent.com/21379657/205572412-098ff34d-498c-4d1c-ae2b-ba2f9e37dbe1.png)

Veuillez définir la partie que vous souhaitez capturer et insérer le code de capture d’écran. Veuillez vous référer au document officiel pour plus de détails.

2. créez le répertoire « auto_translate » dans le répertoire racine du projet.

3. télécharger frameit-chrome.zip dossier et placez-le dans le répertoire « auto_translate ».

4. Créez le fichier « make_screenshot.dart » dans le répertoire « auto_translate » et écrivez le code suivant.

import 'dart:io';

import 'package:emulators/emulators.dart';
import 'package:auto_screenshot_translate/callable/core_my/my_language_code/entity/flutter_support_language_for_screenshot.dart';

Future<void> main() async {
   // Create the config instance
   final emu = await Emulators.build();

   // Shutdown all the running emulators
   await emu.shutdownAll();

   // For each emulator in the list, we run `flutter drive`.
   await emu.forEach([
      'nexus_9',
      'Samsung_Galaxy_S10',
      'iPhone 8 Plus',
      'iPhone 8',
      'iPad Pro (12.9-inch) (5th generation)',
      'iPhone 13 Pro Max',
   ])((device) async {
      for (final c in flutterLocalizeSupportLanguagesForScreenShot) {
         final p = await emu.drive(
            device,
            'test_driver/main.dart',
            config: c,
         );
         stderr.addStream(p.stderr);
         await stdout.addStream(p.stdout);
      }
   });
}

5. Ouvrez le terminal à la racine du projet et entrez ce qui suit pour créer une capture d’écran.

dart auto_translation/make_screenshots.dart

6. vous pouvez voir les captures d’écran dans le répertoire « auto_translation/screenshots ».

7. supprimez la barre de soulignement dans le nom de fichier des captures d’écran de la galaxie.

créer le nom du fichier dart est « frame_galaxy_remove_under_bar.dart » dans le répertoire « auto_translate » et écrivez le code suivant.

import 'package:auto_screenshot_translate/auto_screenshot_translate.dart';

Future<void> main() async {
  AutoScreenshotTranslate.removeUnderBarInGalaxy();
}

exécutez ce fichier dans le terminal.

dart auto_translation/frame_galaxy_remove_under_bar.dart

8. préparez le titre de la capture d’écran pour générer des images de magasin.

Le nom du fichier de création de fléchettes est « frame_prepare.dart » dans le répertoire « auto_translate » et écrivez le code suivant.

import 'package:auto_screenshot_translate/auto_screenshot_translate.dart';
import 'package:auto_screenshot_translate/callable/core_my/my_screenshot_helper/entity/my_screenshot_info.dart';

Future<void> main() async {
  MyScreenshotInfo myScreenshotInfo = MyScreenshotInfo(
    // not use
    screenshotTitle01: "",
    screenshotTitle02: "",
    screenshotTitle03: "",
    screenshotTitle04: "",
    screenshotTitle05: "",

    // using (screenshot top text)
    screenshotSubTitle01: "",
    screenshotSubTitle02: "",
    screenshotSubTitle03: "",
    screenshotSubTitle04: "",
    screenshotSubTitle05: "",

    // screenshot start language for translate
    screenshotStartLanguageCode: "en",
  );

  AutoScreenshotTranslate.prepareGenerateScreenshotFrame(myScreenshotInfo);
}

Remplissez la capture d’écranSubTitle0~ avec les instructions que vous souhaitez utiliser et exécutez le code ci-dessous sur le terminal racine du projet.

dart auto_translation/frame_prepare.dart

après la traduction, vous pouvez voir le fichier « keyword.strings » dans le répertoire auto_translation/screenshots.

9. Entrez la commande suivante dans le terminal racine du projet pour générer des images de magasin.

dart auto_translation/frameit-chrome/bin/frameit_chrome.dart

10. Vous pouvez voir que l’image du magasin est générée dans le répertoire « auto_translation/framed » comme suit.

11. Déplacez le fichier généré vers la structure de fichiers que fastlane peut comprendre.

le nom du fichier de création de fléchettes est « framed_distribute.dart » dans le répertoire « auto_translate » et écrivez le code suivant.

import 'package:auto_screenshot_translate/auto_screenshot_translate.dart';

Future<void> main() async {
  AutoScreenshotTranslate.distributeScreenshotFrameFile();
}

exécutez ce fichier dans le terminal.

dart auto_translation/framed_distribute.dart

Vous pouvez voir les fichiers constitués de structures que fastlane peut comprendre.

12. Déployer sur Play Store et App Store.

– magasin de jeux

1. Configurez le fichier de configuration fastlane (android)

veuillez vous référer au document officiel et auto_store_translate bibliothèque.

2. Ajoutez le code ci-dessous sous platform:android do dans le fichier android/fastlane/fastfile.

    lane :metaWithScreenshot do
      upload_to_play_store(
          track: 'internal',
          metadata_path: '../auto_translation/metadata/android',
          skip_upload_changelogs: true,
          release_status: 'draft',
          aab: '../build/app/outputs/bundle/release/app-release.aab',
      )
    end

3. Ouvrez le terminal à l’emplacement du projet Android et entrez ce qui suit.

fastlane metaWithScreenshot

4. Vous verrez les informations traduites dans la console Play Store.

– magasin d’applications

1. Configurez le fichier de configuration fastlane (ios)

veuillez vous référer au document officiel.

2. Ajoutez le code ci-dessous sous platform:ios do dans le fichier ios/fastlane/fastfile.

   lane :onlyScreenShotOverWrite do
      get_certificates           # invokes cert
      get_provisioning_profile   # invokes sigh
      deliver(
          skip_metadata: true,
          screenshots_path: '../metadata/[프로젝트명]/ios/screenshots',
          overwrite_screenshots: true,
          force: true, # Skip HTMl report verification
          # skip_screenshots: true,
          skip_binary_upload: true,
      )
   end