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-ne més informació, vegeu Crear un component per a les aplicacions del 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 (versió preliminar).

    Seleccionar Biblioteques de components (versió preliminar).

  4. Seleccioneu Biblioteca de components nova (versió preliminar).

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

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

    Canviar el nom del component.

  7. A la subfinestra de propietats de la dreta de la pantalla, seleccioneu + Crea una 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. Activeu la casella de selecció Puja OnReset 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 de la dreta de la pantalla, seleccioneu + Crea una 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

    Crear la propietat d'etiquetes.

  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 la llista desplegable de propietats i trieu la propietat OnReset per al component.

    Propietat OnReset per al component

  15. Copieu i enganxeu la fórmula següent a la barra de fórmules per a 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 la funció Conjunt() per crear una taula amb les etiquetes en diferents llengües com a diccionari. Per personalitzar aquesta taula com a diccionari de les traduccions, canvieu els noms de control, com ara Title, JobTitle, Platform, Close, Open i Cancel·la, entre altres. 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 Etiquetes que inclourà el contingut traduït de tots els botons, entrades i etiquetes possibles a l'aplicació.

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

    Propietat Etiquetes per al component

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

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

    La fórmula troba l'entrada de traducció correcta basada en la llengua d'entrada utilitzant la funció Cerca(). Si la llengua no està definida, la fórmula utilitza la llengua de l'usuari actual com a filtre mitjançant la funció Coalesce.

  18. Seleccioneu Fitxer -> Desa per desar la biblioteca de components.

  19. Trieu Publica per publicar la biblioteca de components.

    Suggeriment

    Per obtenir més informació sobre la creació, el desament i la publicació de biblioteques 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. Inicieu la sessió a Power Apps.

  2. A la subfinestra esquerra, seleccioneu Aplicacions.

  3. Seleccioneu Aplicació nova -> Aplicació del llenç.

  4. Seleccioneu la plantilla de l'Aplicació en blanc amb la Disposició del telèfon.

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

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

  7. Seleccioneu Component de traducció.

    Seleccionar Biblioteca de components de traducció.

    Nota

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

  8. Seleccioneu Importa.

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

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

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

  12. Seleccioneu el component de traducció.

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

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

  15. A Entrada a la llista de controls, seleccioneu Commutador.

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

  17. 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 d'idioma portuguès (BR).

  18. 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 d'idioma anglès (US).

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

  20. A la part superior esquerra de la pantalla, seleccioneu la llista desplegable de propietats i trieu la propietat Idioma per al component.

  21. Definiu el valor de fórmula per a la propietat Idioma en varLanguage. La variable varLanguage ve 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".

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

  23. Seleccioneu Etiqueta de text.

  24. Actualitzeu el nom del control d'etiqueta a Title des del costat dret de la pantalla mitjançant la subfinestra de propietats.

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

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

  27. Definiu les etiquetes Title i JobTitle de la feina a sota del control de commutació perquè ambdues etiquetes siguin visibles.

  28. Definiu la propietat Text per a les etiquetes Title i JobTitle des de la part superior esquerra de la pantalla a les següents.

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

    Nota

    Substituïu "Translation component_1" d'aquesta fórmula al 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 Title 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 a "Translation component_1" o Etiquetes.Descripció o "Translation component_1".Labels.Instructions.

  29. Seleccioneu Fitxer -> Desa, 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 Power Apps i seleccioneu l'aplicació que voleu executar.

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).

Prova 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
Informació sobre les variables
Referència de fórmula