App4You

Crie um aplicativo multilíngue usando nosso criador de aplicativos

Com o App4you, você pode equipar seu aplicativo com vários idiomas

Existem diferentes maneiras de criar aplicativos multilíngues. A navegação do aplicativo selecionado é decisiva para a criação do aplicativo. Os melhores casos de uso se aplicam às seguintes navegações:

  • Visual de navegação
  • Barra de Navegação
  • Lista de Navegação
  • Telhas de navegação

1. Visual de Navegação
Para aplicativos multilíngues, a navegação visual oferece várias opções para isso:

Distribuir módulos de aplicativos em 2 páginas de aplicativos
Primeiro chame a seção Editar no criador de aplicativos e escolha Módulos> + Adicionar módulo . Por exemplo, se você adicionar oito módulos ao seu aplicativo, eles serão exibidos em duas linhas e quatro colunas. Você pode atribuir o idioma desejado a esses módulos. Para que o aplicativo tenha outro idioma, basta criar o mesmo número de módulos de aplicativo novamente e atribuir o nome do segundo idioma a esses módulos. Você pode ver que seu aplicativo agora tem 16 módulos e os módulos 1 a 8 estão disponíveis na primeira página do aplicativo e os módulos 9 a 16 na segunda página do aplicativo.

Para que os usuários saibam qual idioma do aplicativo está anotado em qual página do aplicativo, proceda da seguinte maneira: Primeiro edite a imagem de plano de fundo que deseja que apareça no aplicativo. Para fazer isso, você pode inserir a nota para os dois idiomas na parte inferior da tela. Neste exemplo, é DE | EN Em seguida, carregue sua foto no aplicativo e salve-a. Agora você verá a dica na imagem de plano de fundo de que seu aplicativo é um aplicativo multilíngue.

Nota: Para editar a imagem de plano de fundo, você pode usar os programas de edição de imagens on-line, que podem ser baixados e usados gratuitamente ou on-line. Este é, por exemplo, um exemplo antigo da cadeia de hotéis favoritos da F&H.

multilingual-app-navigation-visual-1.png

Colocando idiomas nos submenus
A segunda possibilidade para a navegação visual pode ser realizada usando dois ou mais módulos de submenu. Para este procedimento, você não precisa adicionar uma nota dos dois idiomas à sua imagem de plano de fundo.

Exemplo para três idiomas
Basta adicionar dois submenus ao seu aplicativo em Módulos> + Adicionar módulos . Atribua um submenu ao idioma português, o outro ao inglês e ao terceiro francês. Em seguida, arraste ou crie os módulos correspondentes, inseridos nos submenus respectivos.

No seu aplicativo, ele pode ficar assim (conforme mostrado na captura de tela do aplicativo Shift Hair Transplant abaixo). Você também pode clicar na imagem para ver mais de perto. Você será encaminhado automaticamente e poderá ver diretamente:

multilingual-app-navigation-visual-2.png

2. Barra da guia Navegação
barra da guia Navegação também pode ser usada para aplicativos multilíngues. No exemplo abaixo, você pode ver dois módulos denominados alemão (Deutsch) e inglês. Ambos são submenus. Isso significa que você primeiro cria esses dois submenus em Módulos> + Adicionar módulo e nomeia-os de acordo com o idioma.

No submenu alemão, você encontrará todos os módulos alemães ( Öffnungszeiten , Kontakt e Tischreservierung ). No submenu inglês, você encontrará os módulos correspondentes em inglês ( horário comercial , contato e reserva de mesas ). No nosso exemplo, você pode ver que o submenu inglês está atualmente selecionado.

multilingual-app-navigation-tab-bar.png

3. Lista de Navegação
Também para a lista de navegação, você usa os submenus já conhecidos. O novo design da cadeia de hotéis favoritos da FH possui dois submenus (um para o idioma alemão e outro para o inglês). Você simplesmente cria os dois submenus e insere os módulos correspondentes neles. A captura de tela a seguir mostra como isso pode ser. Clique também aqui na imagem e veja como fica ao vivo:

multilingual-app-navigation-list.png


4. Mosaicos de navegação
Primeiro, você cria todos os módulos que seu aplicativo deve conter. Então você cria um ou mais submenus. Nesses, você integra o número correspondente de seus módulos ou idioma do aplicativo. O exemplo abaixo mostra quatro idiomas (inglês, alemão, italiano e francês) que o aplicativo possui. Assim que você clicar em um bloco, os módulos serão exibidos no idioma correspondente. Basta clicar na imagem para visualizá-la :

multilingual-app-navigation-tiles.png