Xamarin Forms Cards UI design-CodePudding

I just started xamarin and got stuck at one point. I want to make a design like in the photo , what should I use and how should I do it?

CodePudding user response：

<Switch x:Name="styleSwitch" />
<Label Text="Lorem ipsum dolor sit amet, elit rutrum, enim hendrerit augue vitae praesent sed non, lorem aenean quis praesent pede.">
    <Label.Triggers>
        <DataTrigger TargetType="Label"
                     Binding="{Binding Source={x:Reference styleSwitch}, Path=IsToggled}"
                     Value="true">
            <Setter Property="FontAttributes"
                    Value="Italic, Bold" />
            <Setter Property="FontSize"
                    Value="Large" />
        </DataTrigger>
    </Label.Triggers>
</Label>

reference from link. PLease check this.

CodePudding user response：

Expanding on Jason's comment:

<Grid RowDefinitions="50,50" ColumnDefinitions="200,200">

  <Label Grid.Row="0" Grid.ColumnSpan="2" Text="Bildirimier" HorizontalTextAlignment="Center" />

  <StackLayout Grid.Row="1" Grid.Column="0" Orientation="Horizontal">
    <Label Text="Uygulama Bildirimiera" MaxLines="2" />
    <Switch />
  </StackLayout>

  <StackLayout Grid.Row="1" Grid.Column="1" Orientation="Horizontal">
    <Label Text="Mesajilara Izin Ver" MaxLines="2" />
    <Switch />
  </StackLayout>

</Grid>

Adjust as needed. Look up "Grid", "Label", "StackLayout", "Switch" for further details.