Net maui runtime loading problem ?

Sami 856

I have created languageconverter as above binding from C# listing...Firstly binding values by Text="{DynamicResource Key=welcome}" like that.. it is working as expected but when loaded page with custom collectionview is not changing language runtime... when scrolling left or right that all changes done. What do you think the problem?

    public class LanguageConverter : IValueConverter
    {
        public string ReturnValue { get; set; }

        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {

            ReturnValue = "";
            var txt = value as string;
            var currentLang = MultiLanguages.CurrentLang;
            if(currentLang.ContainsKey(txt))
            {
                ReturnValue = currentLang[txt].ToString();
            }

            return ReturnValue;
        }


        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }


    void PopulateData()
        {
            CategoryList.Clear();
            CategoryList.Add(new Category() { CategoryId = 1, CategoryName = "shopping", CategoryColor = Color.FromArgb("#C19434"), Icon = "\x3c" });
            CategoryList.Add(new Category() { CategoryId = 2, CategoryName = "fashion", CategoryColor = Color.FromArgb("#12c998"), Icon = "\xe81e" });
            CategoryList.Add(new Category() { CategoryId = 3, CategoryName = "food", CategoryColor = Color.FromArgb("#339933"), Icon = "\x5e" });

    }

CategoryName = "shopping" < shopping is the key for language convert the language

<control:CategoriesCollectionView ItemsSource="{Binding CategoryList}" />

Inside CategoriesColectionView


    <ContentView.Resources>
        <conv:LanguageConverter x:Key="langConverter" />
    </ContentView.Resources>

<Label  FontSize="{StaticResource XXSFontSize}" Text="{Binding CategoryName,Converter={StaticResource langConverter}}" TextColor="{DynamicResource SecondaryTextColor}"  VerticalOptions="Center" HorizontalOptions="Center"  LineBreakMode="TailTruncation"/>

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor

2023-06-05T05:45:53.24+00:00

CategoriesCollectionView is derived from CollectionView, right? Or ContentView? Would you mind sharing more code snippets about CategoriesCollectionView(XAML and code behind)? I'm not sure how you set the ItemsSource(ItemsSource="{Binding CategoryList}"). In addition, could you describe more about MultiLanguages class? How do you define MultiLanguages.CurrentLang?

Sami 856

 public static class MultiLanguages
    {
        public static Dictionary<string, ResourceDictionary> LangLib = new Dictionary<string, ResourceDictionary>();
        public static ResourceDictionary CurrentLang = new ResourceDictionary();
        public static event PropertyChangedEventHandler PropertyChanged;


        public static void SetCurrentLanguage(string LangName)
        {
            if (string.IsNullOrEmpty(LangName))
            {
                return;
            }

            if (!LangLib.ContainsKey(LangName))
            {
                CurrentLang = LangLib["Tr"];
                return;
            }
            else
            {
                CurrentLang = new ResourceDictionary();
                CurrentLang = LangLib[LangName];
                PropertyChanged?.Invoke(null, new PropertyChangedEventArgs("LangName"));
                return;
            }
        }

        static MultiLanguages()
        {
     ResourceDictionary TrLib = new ResourceDictionary();

  EnLib.Add("shopping", "Alisveris");             
  EnLib.Add("fashion", "Moda");             
  EnLib.Add("food", "Yemek");

 LangLib.Add("Tr", TrLib);

     
  ResourceDictionary EnLib = new ResourceDictionary();

  EnLib.Add("shopping", "Shopping");             
  EnLib.Add("fashion", "Fashion");             
  EnLib.Add("food", "Food");

  LangLib.Add("En", EnLib);


      CurrentLang = LangLib["Tr"];

        }
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="AppMaui.Controls.CollectionViews.CategoriesCollectionView"
             xmlns:conv="clr-namespace:AppMaui.Converters"
             x:Name="ColView">
    <ContentView.Resources>
        <conv:LanguageConverter x:Key="langConverter" />
    </ContentView.Resources>
    <ContentView.Content>
        <Grid RowDefinitions="Auto,Auto,Auto">
            <BoxView  Style="{StaticResource borderBoxView}" />
            <CollectionView Grid.Row="1" SelectionMode="Single" ItemsSource="{Binding Source={x:Reference ColView}, Path=ItemsSource, Mode=OneWay}" HeightRequest="61" HorizontalOptions="FillAndExpand">
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Horizontal" />
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                        <Grid x:Name="gridMenu" BackgroundColor="{DynamicResource BackColor}" WidthRequest="80" HeightRequest="60.5" >
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroupList>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" >
                                        <VisualState.Setters>
                                            <Setter Property="BackgroundColor" Value="{DynamicResource BackColor}" />
                                        </VisualState.Setters>
                                    </VisualState>
                                    <VisualState x:Name="Selected">
                                        <VisualState.Setters>
                                            <Setter Property="BackgroundColor" Value="{Binding CategoryColor}" TargetName="gridMenu" />
                                            <Setter Property="Label.TextColor" Value="{StaticResource White}" TargetName="catLabel" />
                                        </VisualState.Setters>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateGroupList>
                        </VisualStateManager.VisualStateGroups>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="35"/>
                            <RowDefinition Height="25.5" />
                        </Grid.RowDefinitions>
                        <Grid Padding="0" Margin="0">
                            <BoxView CornerRadius="0" Color="{Binding CategoryColor}"/>
                            <Label FontSize="{StaticResource LargeFontSize}" Style="{StaticResource fontelloIcon}" Text="{Binding Icon}"/>
                        </Grid>
                        <Grid Grid.Row="1" Padding="5,0"  >
                                <Label  x:Name="catLabel" FontSize="{StaticResource XXSFontSize}" Text="{Binding CategoryName,Converter={StaticResource langConverter}}" TextColor="{DynamicResource SecondaryTextColor}"  VerticalOptions="Center" HorizontalOptions="Center"  LineBreakMode="TailTruncation"/>
                            </Grid>
                    </Grid>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
            <BoxView Grid.Row="2" Style="{StaticResource borderBoxView}" />
        </Grid>
    </ContentView.Content>
</ContentView>

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Microsoft Vendor

From the code snippets, LangLib is an empty new Dictionary. How do you get the "Tr"? ( CurrentLang = LangLib["Tr"];)

public static Dictionary<string, ResourceDictionary> LangLib = new Dictionary<string, ResourceDictionary>();

In addition, the value will be shopping fashion food in convert method, does currentLang contains these keys? Based on my testing, it's null. Are there any code snippets missing? Could you describe more about your expected behavior?

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
       ReturnValue = "";
        var txt = value as string;
        var currentLang = MultiLanguages.CurrentLang;
        if (currentLang.ContainsKey(txt))// the code snippet you provided doesn't contains shopping fashion food
        {
            ReturnValue = currentLang[txt].ToString();
        }

       return ReturnValue;
    }

Sami 856 Reputation points

2023-06-06T10:17:39.5+00:00

I have edited my codes about Language Dictionary on top... Thanks

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Microsoft Vendor

The following code snippets should be TrLib.add(XX), right?

 EnLib.Add("shopping", "Alisveris");//TrLib.add ..             
  EnLib.Add("fashion", "Moda");             
  EnLib.Add("food", "Yemek");
 LangLib.Add("Tr", TrLib);

You said "but when loaded page with custom collectionview is not changing language runtime", I cannot reproduce this issue. I also test "En", it works.

// var currentLang = MultiLanguages.CurrentLang;
        var currentLang = MultiLanguages.LangLib["En"];

My Testing:

<ContentPage 
             xmlns:local ="clr-namespace:XXX">
   <local:CategoriesCollectionView ItemsSource="{Binding CategoryList}"></local:CategoriesCollectionView>
</ContentPage>

BindableProperty of CategoriesCollectionView( You didn't provide this part and you can check if it is related to BindableProperty )

public partial class CategoriesCollectionView : ContentView
{
    public static readonly BindableProperty ItemsSourceProperty =
BindableProperty.Create("ItemsSource", typeof(ObservableCollection<Category>), typeof(CategoriesCollectionView), new ObservableCollection<Category>());
    public ObservableCollection<Category> ItemsSource
    {
        get { return (ObservableCollection<Category>)GetValue(ItemsSourceProperty); }
        set { SetValue(ItemsSourceProperty, value); }
    }
    public CategoriesCollectionView()
    {
        InitializeComponent();
    }
}

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor

2023-06-13T07:45:28.5233333+00:00

May I know whether your issue has been solved or not? If you're still having problems, please explain in detail what is still going wrong and what you need help with.
Sami 856 Reputation points

2023-06-13T09:59:06.8166667+00:00

not solved yet....do you have any solution ?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor

2023-06-14T01:07:53.3433333+00:00

I still cannot reproduce your issue. Could you please describe in detail how it doesn't work? And the VS version, platform version, MAUI version?

it is working as expected but when loaded page with custom collectionview is not changing language runtime.

Could you provide the whole custom collectionview code so that I can test again? What is the expected / desired result? What is the actual result?

Sami 856

I sent them already for example

Xaml...

// xaml is changing runtime content correctly

C# ...

<ContentView.Resources>
        <conv:LanguageConverter x:Key="langConverter" />
    </ContentView.Resources>

<Label  FontSize="{StaticResource XXSFontSize}" Text="{Binding CategoryName,Converter={StaticResource langConverter}}" TextColor="{DynamicResource SecondaryTextColor}"  VerticalOptions="Center" HorizontalOptions="Center"  LineBreakMode="TailTruncation"/> 

// when binding from c# is not working as expected ... it is changing but not runtime .. you have to scroll the collectionview left or right and then changing content.. should be when I click button to change languages as expected like xaml ..

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor

2023-06-14T07:47:36.88+00:00

How did you set the BindableProperty of CategoriesCollectionView? Did you set ItemsSourceProperty as described in my previous comment? Could you provide the VS version, platform version, MAUI version?

you have to scroll the collectionview left or right and then changing content.. should be when I click button to change languages as expected like xaml ..

Usually, we can swipe down. How did you scroll it left or right? You didn't set the direction in the code snippets. In addition, do you mean you can click a button to change language, but you cannot change the language for the Label on the CollectionView?