Answers

• igorkr_10 Member ✭✭✭✭

  April 2020 Accepted Answer

  This is called SegmentedControl. You have three ways:
  1. Free
  https://github.com/alexrainman/SegmentedControl
  https://github.com/1iveowl/Plugin.SegmentedControl
  2. Paid
  https://help.syncfusion.com/xamarin/segmented-control/getting-started
  https://www.telerik.com/xamarin-ui/segmented
  3. Or implement it by yourself

  5
• Yelinzh Member, Xamarin Team Xamurai

  April 2020

  You could also use the Grid and Label to design the view. Add a tap gesture to the label to implement the selection function.

  <Frame CornerRadius="15" Padding="0">
      <Grid BackgroundColor="LightBlue">
          <Grid.RowDefinitions>
              <RowDefinition Height="Auto"/>
          </Grid.RowDefinitions>
          <Grid.ColumnDefinitions>
              <ColumnDefinition Width="*"/>
              <ColumnDefinition Width="*"/>
              <ColumnDefinition Width="*"/>
          </Grid.ColumnDefinitions>
          <Label Text="option_1" HorizontalOptions="CenterAndExpand" Grid.Column="0" Grid.Row="0">
              <Label.GestureRecognizers>
                  <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/>
              </Label.GestureRecognizers>
          </Label>
          <Label Text="option_2" HorizontalOptions="CenterAndExpand" Grid.Column="1" Grid.Row="0">
              ...
          </Label>
          <Label Text="option_3" HorizontalOptions="CenterAndExpand" Grid.Column="2" Grid.Row="0">
              ...
          </Label>
      </Grid>
  </Frame>
  

  0
• liis Member ✭✭

  May 2020

  @igorkr_10 @Jarvan Thank you.

  0