Comparteix a través de

Crear una aplicació multilingüe

En aquest article aprendreu a crear una aplicació multilingüe amb l'experiència localitzada. Amb aquest mètode, podeu utilitzar els components de l'aplicació del llenç i fer que les traduccions estiguin disponibles en una aplicació mitjançant una sintaxi de fórmula uniforme.

Important

El mètode descrit en aquest article utilitza els components de les aplicacions del llenç, que estan en versió preliminar pública. Per obtenir més informació, vegeu Crear un component per a aplicacions de llenç

Crear un component de traducció

Quan es treballa amb una aplicació multilingüe, el primer pas es crear un component reutilitzable per a la traducció. En aquest component, emmagatzemareu una taula que actuï com a diccionari de totes les traduccions que necessitareu. S'utilitzarà una propietat de sortida per proporcionar cadenes de sortida a partir d'aquesta taula diccionari basant-se en la llengua de l'usuari que executa l'aplicació que utilitza aquest component.

  1. Inicieu la sessió a Power Apps.

  2. A la subfinestra esquerra, seleccioneu Aplicacions.

  3. A Aplicacions, seleccioneu Biblioteques de components (visualització prèvia).

    Seleccioneu Biblioteques de components (visualització prèvia).

  4. Selecciona + Nova biblioteca de components (visualització prèvia).

  5. Introduïu un nom, com ara "Components de traducció", i seleccioneu Crea per obrir el component. Power Apps Studio

  6. Canvieu el nom de "Component1" seleccionant ... a la subfinestra esquerra i, a continuació, seleccioneu Canvia el nom com a "Component de traducció".

    Canvia el nom del component.

  7. A la subfinestra de propietats a la part dreta de la pantalla, seleccioneu + Nova propietat personalitzada.

  8. Definiu els valors de propietat següents:

    Nom de la propietat Valor
    Nom de visualització Language
    Nom Language
    Descripció Llengua a la qual voleu traduir el text.
    Tipus de propietat Entrada
    Tipus de dades SMS

  9. Seleccioneu la casella de selecció Augmenta aReset quan canviï el valor.

    Nova propietat personalitzada

  10. Seleccioneu Crea.

    Nota

    Aquesta propietat d'entrada rebrà l'identificador regional actual (LCID) de l'usuari que ha iniciat la sessió.

  11. A la subfinestra de propietats a la part dreta de la pantalla, seleccioneu + Nova propietat personalitzada.

  12. Definiu els valors de propietat següents:

    Nom de la propietat Valor
    Nom de visualització Etiquetes
    Nom Etiquetes
    Descripció Etiquetes traduïdes.
    Tipus de propietat Sortida
    Tipus de dades Enregistra

    Propietat New labels.

  13. Seleccioneu Crea.

    Nota

    Aquesta propietat de sortida exposa les etiquetes traduïdes segons l'id. de la localització de l'entrada.

  14. A la part superior esquerra de la pantalla, seleccioneu el menú desplegable de la llista de propietats i trieu la propietat OnReset per al component.

    OnReset del component.

  15. Copieu i enganxeu la fórmula següent a la barra de fórmules de la propietat OnReset .

    Set(
 varTranslations,
 Table(
         {
             Language: "en-us",
             Labels: {
                 Title: "UI Tips for building canvas apps",
                 JobTitle: "Power Platform Specialist"
             }
         },
         {
             Language: "pt-br",
             Labels: {
                 Title: "Dicas de UI para construir canvas apps",
                 JobTitle: "Especialista de Power Platform"
             }
         }
     )
    )

    La fórmula utilitza Set() function per crear una taula amb les etiquetes en diferents idiomes com a diccionari. Per personalitzar aquesta taula com a diccionari per a les traduccions, canvieu els noms dels controls, com ara Títol, JobTitle , Plataforma , Tanca , Obre , Cancel·la, etc . Podeu afegir o suprimir traduccions per als noms de control segons el vostre requisit empresarial.

    La taula també hauria de tenir una entrada per a cada llengua admesa per a l'aplicació. Cada entrada tindrà una propietat Labels que contindrà el contingut traduït de tots els botons, entrades i etiquetes possibles de l'aplicació.

  16. A la part superior esquerra de la pantalla, seleccioneu el menú desplegable de la llista de propietats i trieu la propietat Etiquetes per al component.

    Labels del component.

  17. Copieu i enganxeu la fórmula següent a la barra de fórmules de la propietat Labels .

       LookUp(
    varTranslations,
    Language = Lower(
        Coalesce(
            Self.Language,
            Language()
        )
    )).Labels

    La fórmula troba l'entrada de traducció correcta en funció de l'idioma d'entrada mitjançant la funció Lookup(). En cas que l'idioma no estigui establert, la fórmula utilitza l'idioma de l'usuari actual com a filtre a través de la funció Coalesce .

  18. Seleccioneu Desa> fitxer per desar la biblioteca de components.

  19. Seleccioneu Publica per publicar la biblioteca de components.

    Propina

    Per obtenir més informació sobre la creació, el desament i la publicació de la biblioteca de components, aneu a Crear una biblioteca de components d'exemple

Es crea, es desa i es publica la biblioteca dels components de traducció per utilitzar-la.

Utilitzar el component de traducció de l'aplicació

Anteriorment, heu creat la biblioteca de components de traducció per reutilitzar-la. En aquesta secció, creareu una aplicació que utilitzi la biblioteca de components de traducció i demostrareu la traducció de la llengua en funció de la llengua seleccionada.

  1. Comenceu creant una aplicació de llenç en blanc amb el disseny del telèfon .

  2. A la part esquerra de la pantalla, seleccioneu + (Insereix).

  3. A la part inferior esquerra de la pantalla, seleccioneu Obtén més components.

  4. Seleccioneu Component de traducció.

    Seleccioneu Biblioteca de components de traducció.

    Nota

    El nom pot ser diferent si deseu la biblioteca de components creada abans amb un altre nom.

  5. Seleccioneu Importa.

  6. A la part esquerra de la pantalla, seleccioneu + (Insereix).

  7. A Components de la biblioteca, seleccioneu Component de traducció per afegir el component a aquesta aplicació.

  8. A la part esquerra de la pantalla, seleccioneu la visualització d'arbre.

  9. Seleccioneu el component de traducció.

  10. A la part superior esquerra de la pantalla, seleccioneu el menú desplegable de la llista de propietats i trieu Propietat visible per al component.

  11. Definiu el valor de la propietat Visible com a false per fer que el component sigui invisible a l'aplicació.

  12. A Entrada a la llista de controls, seleccioneu Commuta.

  13. A la part superior esquerra de la pantalla, seleccioneu el menú desplegable de la llista de propietats i trieu la propietat OnChange per al component.

  14. Actualitzeu la fórmula de la propietat OnCheck del control de commutació a la següent.

        Set(varLanguage,"pt-br")

    En aquesta fórmula, el commutador estableix una variable anomenada varLanguage amb el valor de "pt-br" utilitzant la funció Set(), per al codi de l'idioma portuguès (BR).

  15. Actualitzeu la fórmula de la propietat OnUncheck del control de commutació a la següent.

        Set(varLanguage,"en-us")

    En aquesta fórmula, el commutador estableix una variable anomenada varLanguage amb el valor de "en-us" utilitzant la funció Set(), per al codi de l'idioma anglès (EUA).

  16. A la part esquerra de la pantalla, seleccioneu el component de traducció.

  17. A la part superior esquerra de la pantalla, seleccioneu el menú desplegable de la llista de propietats i trieu la propietat Language per al component.

  18. Definiu el valor de la fórmula per a la propietat Language a varLanguage. La variable varLanguage està determinada pel commutador configurat anteriorment. Quan el commutador està marcat, l'idioma s' estableix a "pt- br". Quan no està marcat, l'idioma està configurat com a "en-us".

  19. A la part esquerra de la pantalla, seleccioneu + (Insereix).

  20. Seleccioneu Etiqueta de text.

  21. Actualitzeu el nom del control d'etiqueta a Títol des de la part dreta de la pantalla mitjançant la subfinestra de propietats.

  22. Torneu a seleccionar Etiqueta de text per afegir una etiqueta més.

  23. Actualitzeu el nom del control d'etiqueta a JobTitle.

  24. Definiu les etiquetes Title i JobTitle sota el control de commutació perquè les dues etiquetes siguin visibles.

  25. Definiu la propietat Text per a les etiquetes Title i JobTitle de la part superior esquerra de la pantalla a la següent.

    Label Fórmula
    Càrrec 'Translation component_1'.Labels.Title
    JobTitle 'Translation component_1'.Labels.JobTitle

    Nota

    Substituïu 'Translation component_1'en aquesta fórmula pel nom del component de l'aplicació, si és diferent.

    De la mateixa manera, podeu utilitzar etiquetes i propietats diferents, tal com es defineix al component que heu creat anteriorment per passar més valors de propietat. Per exemple, a més de Títol i JobTitle, podeu crear més propietats, com ara Descripció o Instruccions , a la biblioteca de components amb el text traduït. I després, utilitzeu aquestes propietats a les etiquetes respectives, com ara "Traducció component_1". Labels.Description, o 'Traducció component_1'. Etiquetes.Instruccions.

  26. Seleccioneu Desa fitxer ,> actualitzeu el nom de l'aplicació i, a continuació, seleccioneu Desa per desar l'aplicació. Més informació: Desar i publicar una aplicació

Provar l'aplicació amb la traducció d'idiomes

Ara, l'aplicació utilitza el component de traducció. Aneu a l'aplicació Power Apps que voleu executar i seleccioneu-la.

Quan se selecciona el commutador, l'idioma es canvia a portuguès (BR) per a les etiquetes. Quan no està marcat, l'idioma està configurat com a anglès (US).

Demostració de traducció.

Amb aquest enfocament, ara podeu crear el vostre propi component tenint el diccionari de traduccions que s'ajusti al vostre requisit empresarial. A continuació, creeu més aplicacions del llenç que utilitzin el component que ofereix als usuaris de l'empresa la possibilitat d'utilitzar diferents idiomes.

Consulteu també

Afegir i configurar controls
Entendre les variables
Referència de fórmules