Остряк.Вкладки, используемые для создания этого пользовательского интерфейса Screenshort в Xamarin.Формы

#xaml #xamarin.forms

#xaml #xamarin.forms

Вопрос:

введите описание изображения здесь

 <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           xmlns:tabs="clr-namespace:Sharpnado.Tabs;assembly=Sharpnado.Tabs"
            xmlns:sh="clr-namespace:Sharpnado.Shades;assembly=Sharpnado.Shadows"
             x:Class="SplashTest.Segment">
    <ContentPage.Content>
        <StackLayout>
            <tabs:ViewSwitcher x:Name="Switcher"
                              Grid.Row="1"
                            SelectedIndex="1"
                           
                              
                              Grid.Column="1"
                              Animate="True"
                              >
            </tabs:ViewSwitcher>
      
            <tabs:TabHostView x:Name="TabHost"
                    Grid.Row="4"
                    HeightRequest="54"
                      
                    Margin="20,15,20,0"
                    VerticalOptions="Center"
                               Padding="60,0,60,0"
                    BackgroundColor="#F0F0F3"
                    Shades="{sh:SingleShade Offset='0,8',
                                            BlurRadius=10,
                                            Color=Gray
                                           }"
                    CornerRadius="100"
                              
                             
                    IsSegmented="True"
                    SegmentedHasSeparator="False"
                  
                    TabType="Fixed"
                    SelectedIndex="{Binding Source={x:Reference Switcher}, Path=SelectedIndex, Mode=TwoWay}">
           
            <tabs:TabHostView.Tabs >
              
                <tabs:SegmentedTabItem Style="{StaticResource SegmentedTabStyle}"   Label="Male" />
                <tabs:SegmentedTabItem Style="{StaticResource SegmentedTabStyle}" Label="Female" />
            </tabs:TabHostView.Tabs>
               
        </tabs:TabHostView>
          
        </StackLayout>
    </ContentPage.Content>
</ContentPage>
 

Над Xaml Основная вкладка — это угловой радиус, работающий только с левой стороны, а не с
правой стороны. как я указываю радиус угла как в левой, так и в правой части
в формах xamrin.Обратите внимание, что я установил плагин Sharpnado и внедрил его
в App.Xaml.

Ответ №1:

вы можете использовать Frame и применять радиус угла для всех углов, создав для них пользовательский рендеринг. Перекрывайте эти два фрейма в зависимости от типа выбора.

См.: Настройка радиуса угла рамки с помощью Xamarin.Формы
перекрывают элементы в Xamarin.Формы [вы также можете использовать абсолютный макет, если хотите]