placeholder user

Cet article vous apprendra comment sélectionner la langue dans Blocs

En effet, beaucoup de personnes qui utilisent Blocs App veulent créer un menu pour sélectionner la langue.

Il existe un très bon tutoriel sur Youtube par Eldar Gezalov sur la gestion d’un site multilingue :

YouTube player

Un menu de sélection de la langue est un bon moyen de faciliter la navigation entre les différentes versions linguistiques de votre site Web.

Mais comment ajouter facilement le symbole du drapeau pour chaque pays ?

C’est très simple… Il suffit d’ajouter le code HTML pour l’emoji d’un drapeau. Le symbole de leur pays est un bon effet visuel et améliore l’experience utilisateur.

Si un site n’est pas dans notre langue, identifier sa langue via le drapeaux de son pays est plus simple pour nombre d’utilisateur.

Dans le gestionnaire de menus, modifiez votre liste de pays en fonction des langues que vous souhaitez :

Set the HTML Select language menu blocs

Et le résultat :

Sélectionner langue blocs app

Il ne vous restera plus qu’a créer les différentes pages avec leur traduction et de lier ces pages à ce menu via le gestionnaire de menu de Blocs.

L’avantage d’utiliser l’emoji d’un drapeau, c’est qu’il est reconnu par différents navigateurs, système d’exploitation et que c’est une solution légère.

Plus d’images à télécharger, elles sont fournies par le navigateur de l’utilisateur.

Comment puis-je récupérer le code HTML pour différents pays ?

Vous pouvez télécharger ma petite application pour macOS : Flags for developer

Flags for developer vous aidera à retrouver tous les codes HTML de tous les pays du monde. Il ne vous restera plus qu’a copier ce code dans Blocs et traduire vos différentes pages en fonction des langues que vous souhaitez.

Plus d’informations sur Flags for developer ici

Qu’est ce que Blocs?

Blocs est une application pour MacOS de création de site internet moderne, facilement utilisable par tout le monde.

placeholder user

Pour certaines raisons, vous devez peut-être créer une application Xojo qui nécessite l’ajout d’une langue pour certaines fonctionnalités. Créer un PopupMenu Emoji avec Xojo pour sélectionner la langue et ainsi ajouter le drapeau dans ce menu est très facile.

Ajoutez les emojis pour les langues disponibles afin d’attirer plus facilement l’attention de l’utilisateur final.

Mais, comment faire un menu popup avec le drapeau du pays ?

Ouvrez votre projet Xojo, ajoutez un PopupMenu, et dans l’événement d’ouverture, ajoutez ce code :

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E6) + Text.FromUnicodeCodepoint(&h1F1F9)+"Österreich")
me.RowTagAt(0)="AT"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E6) + Text.FromUnicodeCodepoint(&h1F1FA)+"Australia")
me.RowTagAt(1)="AU"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E7) + Text.FromUnicodeCodepoint(&h1F1EA)+"Belgique")
me.RowTagAt(2)="BE"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E7) + Text.FromUnicodeCodepoint(&h1F1F7)+"Brazil")
me.RowTagAt(3)="BR"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E8) + Text.FromUnicodeCodepoint(&h1F1E6)+"Canada")
me.RowTagAt(4)="CA"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E8) + Text.FromUnicodeCodepoint(&h1F1ED)+"Suisse")
me.RowTagAt(5)="CH"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E8) + Text.FromUnicodeCodepoint(&h1F1FE)+"Cyprus")
me.RowTagAt(6)="CY"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E9) + Text.FromUnicodeCodepoint(&h1F1EA) +"Deutschland")
me.RowTagAt(7)="DE"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1E9) + Text.FromUnicodeCodepoint(&h1F1F0)+"Denmark")
me.RowTagAt(8)="DK"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1EA) + Text.FromUnicodeCodepoint(&h1F1EA)+"Estonia")
me.RowTagAt(9)="EE"

me.AddRow(Text.FromUnicodeCodepoint(&h1F1EA) + Text.FromUnicodeCodepoint(&h1F1F8)+"Espana")
me.RowTagAt(10)="ES"

...

Dans ce code, j’ai défini le RowTag avec le code ISO3166 pour chaque pays. Cela peut être utile avec certaines api pour obtenir la langue correcte (exemple : Api PayPal).

Le code source ci-dessus peut être continuer avec tous les emojis de drapeaux disponibles.

Exécutez le projet :

Et voilà le joli PopupMenu avec Emoji et Xojo

xojo-popup-menu-emoji

Avec le code précédent, vous pouvez facilement ajouter un emoji, dans ce cas c’est un emoji de drapeau.

Vous pouvez télécharger le projet directement sur mon Github

Comment récupérer le codepoint pour les drapeaux de pays ?

Le Code Point pour le drapeau est souvent composé de deux parties.

Vous pouvez télécharger Flags for Developer sur le Mac Appstore ou obtenir plus d’information ici.

placeholder user

Flags for Developer

Vous n’avez plus envie de chercher des informations sur les drapeaux des pays ? Unicode, ISO 3166, Hex, HTML ? Avec Flags for Developer, retrouvez toutes ces informations en un clic.

Je crée Flags for Developer pour mon usage personnel en premier lieu. Je l’ai utilisé pour créer entre autre l’application Paymailer, et certains site internet que je gère.

Recherchez un pays spécifique ou faites défiler la liste pour trouver celui que vous voulez.

Quel est l’avantage d’utiliser le code HTML ou le code hexadécimal dans votre projet ? Il est reconnu par les navigateurs web les plus utilisés.

Plus de visibilité pour l’utilisateur final, améliorez le design de votre application ou de votre site web avec les symbole des drapeaux international.

Ce logiciel a été créer avec Xojo et il est disponible sur le Mac Appstore

Follow me !

Instagram

Github

Buy Me A Coffee
 Support me



J'ai fait le choix de vous offrir gratuitement certains de mes logiciels et autres créations.Mais si vous souhaitez me soutenir, il vous est possible de m’offrir un café en cliquant ici *.

Ces dons serviront à financer mes divers noms de domaines, serveurs, licences logiciels.

 *Via la plateforme Buymeacoffee.com qui accepte les paiments par Carte bancaire, Apple Pay, Google Pay.