Xamarin Forms, Android, сегментированный элемент управления запутался после перехода на другую страницу панели вкладок, а затем снова вернул ее вкладку. - PullRequest
Новая
       22

Xamarin Forms, Android, сегментированный элемент управления запутался после перехода на другую страницу панели вкладок, а затем снова вернул ее вкладку.

1 голос
/ 11 февраля 2020

Я искал ту же проблему, с которой столкнулся, но не смог ее найти.

Мое приложение имеет 5 страниц: 1- страница оболочки с панелью вкладок с 5 вкладками, и я перемещаюсь между вкладками с помощью <ShellContent ContentTemplate="{DataTemplate local:PageName}/>. 2- Первая вкладка. 3- Вторая вкладка с сегментированным управлением с 3 дочерними элементами (опция 1, опция 2, опция 3). 4- Третья вкладка. 5- Четвертый таб. 6- Пятая вкладка.

Когда я вкладываю вкладку (вторая вкладка) и выбираю (опция 2) или (опция 3), она работает и выглядит хорошо, но проблема возникает, когда я вкладываю вкладку (первая вкладка) или (третья вкладка) затем вернитесь на (вторая вкладка) и выберите (опция1) или (опция2) или (опция3), сегментированный элемент управления выглядит беспорядочно, теряет свой формат и помещает текст в начало вместо центра, как на скриншоте ниже.

Это происходит, только когда я запускаю решение на любом эмуляторе Android с любой версией Android, iOS отлично работает с тем же Xaml.

это Xaml для страницы оболочки: 

<Shell xmlns="http://xamarin.com/schemas/2014/forms"
   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   xmlns:d="http://xamarin.com/schemas/2014/forms/design"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:myApp"
   mc:Ignorable="d"
   x:Class="myApp.AppShell">
<Shell.Resources>
    <Style x:Key="BaseStyle"
           TargetType="Element">
        <Setter Property="Shell.BackgroundColor"
                Value="#f4f3f3" />
        <Setter Property="Shell.ForegroundColor"
                Value="#000000" />
        <Setter Property="Shell.UnselectedColor"
                Value="#808080" />
        <Setter Property="Shell.TabBarBackgroundColor"
                Value="#f4f3f3" />
        <Setter Property="Shell.TabBarTitleColor"
                Value="#000000" />
        <Setter Property="Shell.TabBarUnselectedColor"
                Value="#808080" />
    </Style>
    <Style TargetType="ShellItem"
           BasedOn="{StaticResource BaseStyle}" />

    <Style TargetType="TabBar" BasedOn="{StaticResource BaseStyle}" />
</Shell.Resources>

<TabBar x:Name="MyTabBar" >
    <Tab Title="first" 
         >
        <ShellContent ContentTemplate="{DataTemplate local:firstPage}" />
    </Tab>
    <Tab Title="second"
         >
        <ShellContent ContentTemplate="{DataTemplate local:secondPage}" Title="second" />
    </Tab>
    <Tab Title="third"
         >
        <ShellContent ContentTemplate="{DataTemplate local:thirdPage}" Title="third" />
    </Tab>
    <Tab Title="forth"
         >
        <ShellContent ContentTemplate="{DataTemplate local:forthPage}" Title="forth" />

    </Tab>
    <Tab Title="fifth"
          >
        <ShellContent ContentTemplate="{DataTemplate local:fifthPage}" Title="fifth" />
    </Tab>
</TabBar>

вот Xaml для второй страницы: 

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:controls="clr-namespace:Plugin.Segmented.Control;assembly=Plugin.Segmented"
         x:Class="myApp.secondPage"
         >
<ContentPage.Content>
    <ScrollView>
        <StackLayout Margin="20">
            <Grid BackgroundColor="White" RowSpacing="15" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <controls:SegmentedControl Grid.Row="0" Grid.ColumnSpan="4" x:Name="NewAdSegmentedControl" 
                    TintColor="Black" SelectedTextColor="White" SelectedSegment="0" >
                    <controls:SegmentedControl.Children>
                        <controls:SegmentedControlOption x:Name="firstOption"  Text="1st option" />
                        <controls:SegmentedControlOption x:Name="secondOption" Text="2nd option" />
                        <controls:SegmentedControlOption x:Name="thirdOption" Text="3rd option" />
                    </controls:SegmentedControl.Children>
                </controls:SegmentedControl>
            </Grid>
        </StackLayout>
    </ScrollView>
</ContentPage.Content>

вот Xaml для третьей страницы: 

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="myApp.thirdPage">
<ContentPage.Content>
    <Label HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Text=""/>
</ContentPage.Content>

вот изображение, представляющее проблему.

enter image description here

Пожалуйста, помогите ...

1 Ответ

0 голосов
/ 03 марта 2020

Исходя из моего теста, я думаю, это может быть вызвано размером текста. Я меняю положение в сетке, это здорово. 

 <controls:SegmentedControl
                    x:Name="NewAdSegmentedControl"
                    Grid.Row="0"
                    Grid.Column="3"
                    Grid.ColumnSpan="4"
                    SelectedSegment="0"
                    SelectedTextColor="White"
                    TintColor="Black">
                    <controls:SegmentedControl.Children>
                        <controls:SegmentedControlOption x:Name="firstOption" Text="1st option" />
                        <controls:SegmentedControlOption x:Name="secondOption" Text="2nd option" />
                        <controls:SegmentedControlOption x:Name="thirdOption" Text="3rd option" />
                    </controls:SegmentedControl.Children>
                </controls:SegmentedControl>

enter image description here

...