Myco Layout is a Xamarin.Forms control for laying out simple SkiaSharp based controls with XAML, primarly to improve performance on Android.
The library currently supports native renderers for the following platforms:
- Android
- iOS
In your Xamarin.Forms project, add a new MycoContainer element to your page, and add the MycoGrid, MycoLabel, MycoImage, MycoImageButton controls.
<ml:MycoContainer>
<ml:MycoGrid Padding="5,5,5,5">
<ml:MycoGrid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</ml:MycoGrid.RowDefinitions>
<ml:MycoGrid.ColumnDefinitions>
<ColumnDefinition Width="50" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</ml:MycoGrid.ColumnDefinitions>
<ml:MycoLabel ml:MycoGrid.Row="0" ml:MycoGrid.Column="0" ml:MycoGrid.ColumnSpan="3" TextColor="#333333" Text="{Binding Text}" FontSize="20" FontAttributes="Bold" VerticalTextAlignment="Center" />
<ml:MycoLabel ml:MycoGrid.Row="1" ml:MycoGrid.Column="1" TextColor="#333333" FontSize="12" Text="{Binding Labels[0].Header}" IsVisible="{Binding Labels[0].Enabled}"/>
<ml:MycoLabel ml:MycoGrid.Row="1" ml:MycoGrid.Column="2" TextColor="#333333" FontSize="12" Text="{Binding Labels[0].Value}" HorizontalTextAlignment="End" IsVisible="{Binding Labels[0].Enabled}"/>
</ml:MycoGrid>
</ml:MycoContainer>
For iOS you need to add MycoContainerRenderer.Initialize() into you AppDelegate