Localization in .NET MAUI - Adding Multi-Language to Your Apps
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- Just like any other .NET project you can localization your .NET MAUI apps with the use of resx resource files. In this video I will show you 3 ways, each one a slight improvement over the other, to add localization to your app and make your .NET MAUI app speak multiple languages.
💝 Join this channel to get access to perks:
th-cam.com/channels/ral.html...
Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
🛑 Don't forget to subscribe to my channel for more cool content: th-cam.com/users/GeraldVerslui...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample Code Repo: github.com/jfversluis/MauiLoc...
ResXManager: marketplace.visualstudio.com/...
.NET MAUI Docs: docs.microsoft.com/dotnet/maui
.NET MAUI Repository: github.com/dotnet/maui
⏱ Timestamps
0:00 - Localization in .NET MAUI
0:11 - What is Localization?
0:53 - Add Resx Resource Files
3:39 - Add Localization in XAML
5:42 - Add Translated Resource Resx File
8:09 - Dynamically Update Localization with LocalizationResourceManager
11:19 - Use LocalizationResourceManager in XAML
12:10 - Implement Switching Languages in Code
13:23 - Translate Strings From Code, with Parameters!
15:48 - DEMO FAIL!1!!
16:14 - Fix the Demo!
17:24 - Working Dynamic Swithing Demo
18:05 - Write a XAML Markup Extension to Make it Easier!
22:26 - AMAZING PLUGIN ALERT!
🎥 Video edited with Camtasia (ref): techsmith.z6rjha.net/AJoeD
🙋♂️ Also find my...
Blog: blog.verslu.is
Twitch: / jfversluis
All the rest: jfversluis.dev
#maui #localization #resx #dotnet #dotnetmaui - วิทยาศาสตร์และเทคโนโลยี
Whoops! Look like I made a little mistake in editing... 🫣 Can you spot where?
Looking for localization on your .NET MAUI Blazor app? I've got you covered, as always: th-cam.com/video/EHoO9hG-Uzo/w-d-xo.html
Great video Gerald, the last part about writing an XAML markup extensions is brilliant. Will save me so much time moving forward when having to write apps with multiple languages
They’re very powerful indeed! Glad it was useful!
Dank je wel, Gerald!
Click
Thanks, Gerald!
Haha you’re welcome!
I learned something again today. The markup extension approach is very neat, Gerald. Thank you for this. I might pick this up in one of my blog posts in the future.
Excellent! Please let me know when you post it!
@@jfversluis Sure, I'll send you a message!
Thanks, well build up and explained!
Glad it was helpful!
Hi! The way you pronounced @ 6:33 the R is perfect in French 😂😂 Bravo et merci.
😂 I almost never mix up Dutch with English! But decided to just let this one in. Glad I also speak French now!
That reminds me, my French teacher would always say that my French tone was perfect but she couldn't understand a thing 😅
Thanks, Gerald, I'd definitely be interested in a follow-up video about the plugin mentioned at the end of this already-useful video.
Coming! And I actually found another plugin so I might do a video about the two for comparison
@@jfversluis any news on this
Cool , the last option is very nice
Yep that makes it nice and easy! And even better with the plug-in I mentioned because you don’t even need to do the work 😬
Thanks for this interesting tutorial. I know that I asked for something about localization. I am also interested in the follow up video you referred too concerning the plugin for resource management.
Glad it was helpful! The rest is coming soon!
Thanks Gerald for this. I have a request: can you please make a video on how to create a custom control with Handlers ?
Very useful video Gerald..! I I'd love if you make a video on "Connection with Google Drive API, upload/ download files to G Drive in .NET MAUI", as I search a lot and can't find any helpful resource. Would be super thankful to you. 🙂
Hi Gerald,
Thanks for the awesome video
I think Community Toolkit has a localization package I used it long time ago with Xamarin Forms.
How to change the direction of the app?
At last a neat and working solution instead of (Application.Current as App).MainPage = new AppShell();
Thanks, everything working fine. I have a question that is this possible that we have list of languages in MVVM and we have added the translation in resource file against keys and list bind to collection view. Can we get the translation of that keys through bindings ?
This is nice for the strings that are used in the program. How can the DisplayName for the app be localized? In UWP it was possible to define a reference with ms-resource:. For example putting ms-resource:AppTitle in the field "Display name" in the manifest would use the strings defined as AppTitle in the resources. But I could not get that working in .NET MAUI. Can you point me in the right direction?
thx for the solution
You're most welcome!
Hello Gerald, can you make a video about inApp purchase for android/ios/windows/mac
Great! Thank you. I use it.
Great! Good luck!
Your video helped me a lot, I want to know how to localize app name in Maui.
goooooood
Thanks!
Awesome video we are waiting this video ,, actually there's a question some languages need to change also loading lable text from left to right or right to left so using this tool can i change FlowDirection as runtime from mvvm ?! ,, thank you for this helping video wish you a good day
Ah that's a great question! I guess you'd also have to save some information about if it's a RTL language and switch that property for your app accordingly.
@@jfversluis thank you i will
How do you change the datetime settings of a datetime picker? Month, day names stay the same, they dont change like that.
Halo from Indonesia. Gerald , thanks for the share good information, i want to know more about ResXManager and the AI, please introduce us how to implement that , God bless =)
Hi Gerald, how can I localize the info.plist?
And if we have our app opened and change language from android system how we can get this event?
why not use MVVM?
How should I write the last 2 methods in LocalizationResourceManager file with MVVM?
Hi Gerald! Thanks for your video! I have a question. Can we localize MAUI controls like Picker. What if I want to change language for "Cancel" button?
This should help with that: blog.verslu.is/xamarin/xamarin-forms-xamarin/localization-default-ios-controls/
For those who has a VS compilation error . Change resource file property Build Action from Android Resource (that is set my default after creation in my case), just change it to Embedded Resource
I think I went a bit nuts when I found out you could do this a few years ago as I think adding 40 languages was a bit much and stopped when trying to add Star Trek Klingon :) if you want to test for me just search for DigitalShop :)
worked very well
Haha Klingon even! That's inclusiveness to the max!
Do you know how to translate an application dynamically by using Azure Translator or something? Because defining everything yourself in a separate file is not really scalable...
On windows use the Resxmanager plugin which has cloud powered translations. Doing it manually might not be great but it’s still the only way to be sure that your translations will be the best they can in each language. It just an intensive process unfortunately
Hie Gerald, unrelated to the video. It's a thought I recently had. I connected my app to the app centre and whenever the app crashed, it sent reports to Github. This was an Android .NET MAUI app. So the errors were in 'Android language' like "Java. something is null". How do I convert such platform specific errors to .NET MAUI specific errors?
Depending on what it is exactly you can't really. Some stuff just happens on the underlaying layer. It will take some experience to start recognizing those errors.
Could you please do a media element video for an audio media player?
When MediaPlayer is released I will do a video on it again :)
My visual studio doesn't recognize using ProjectName.Resources.Something, but i followed all you steps.Should i have some class in Resources folder?
Make sure that you have set the access modifier to public
@@jfversluis Hi Gerald, I am having this problem too, Visual Studio for Mac does not show the graphical editor, and also the ProjectName.Resources.Languages is not recognised and gives compilation error every time? The ViewModel, Model, Views folder are all recognised, but for some strange reason I cannot reference the Resources folder from a XAML page. I have set the build properties of the Resource.resx file as follows : Build action "embedded resource" copy to output directory : "do not copy", Custom Tool : PublicResXFileCodeGenerator, Custom To Namespace (left empty).
How this can be done using the new .NET MAUI extension in VS Code? 🤔
You can’t unless there is an extension for it. Else you’ll have to do it manually
Great tutorial. Sadly, Multilingual App Toolkit is not (yet) supported on .NET MAUI. Is there any progress?
I don't think so unfortunately!
You can temporarily enable a separate library with Multilingual App Toolkit, e.g. a netstandard2.0 class library. Later, when MAT supports MAUI projects, we can move the translations back to the MAUI project.Just as proposed here: github.com/microsoft/Multilingual-App-Toolkit/issues/10
@@jfversluis
Thanks, that works fine on Android, but in IOS it doesn't work at all! What's happening? What can we do?
Without any details that will be hard to say!
@@jfversluis I created a new project and followed your tutorial step by step. I did exactly what you did. It compiles on both platforms. On android it works as expected, but on IOS the language does not change, even after i restart the app. Should i add a link to the project?
Sir how to add change Language in
new Shellcontent....
{
Title=AppResource.....(here)
}
I’m sorry, not sure what you mean
I want to change language in shell in cs
@ALI BOURKAIB did it work with you in the Shel?
I really like this approach, but the only downside I can see is the lack of intellicense as you're typing in the name of the resource to ensure proper spelling. Any idea if there's a way to get the list of options to show up as you're typing your XAML?
It depends on which method you're using. The first method definitely should show IntelliSense although it wasn't working in the video. The method with the extensions will indeed not have IntelliSense support unfortunately.
Please make a video of google adsense on maui.
It’s on my todo list!
Hi does this work on IOS?
Definitely should, yes
@@jfversluis I tried and it doesn't change the language when clicking the button in your project. Could it be something with permissions of the app?
I have the same problem. Did you find out a solution?
th-cam.com/video/YHEdPg1vUr0/w-d-xo.html
Hi, thank you so much for the video. Please note that this solution for me seems to be problematic if you compile in release mode. It seems to fail and you only see Microsoft.Maui.Controls.Binding for all the strings. (for me, only in release mode). Do you have guidance on that?
Hi @gerald any idea on this issue ?
It's true in release mode it doesn't work, did you find any solution for this?
@Gerald is RTL is supported like arabic lanaguage in .NET MAUI everywhere I have searched and found that there are still bugs. Thanks
public object this[string resourceKey] => AppResources.ResourceManager.GetObject(resourceKey, AppResources.Culture) ?? Array.Empty();
this is not working when i tried it from .xaml file
Any Solution??