sharee.bike-App/SharedGui/View/BarLevelView.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="SharedGui.View.BarLevelView">
    <ContentView.Content>
        <StackLayout>
            <!-- Nice battery images symbolizing filling level for batteries with 5 bars -->
            <Image
                x:Name="BarLevelImage"
                WidthRequest="60"
				HeightRequest="36"
				Aspect="AspectFit"
				HorizontalOptions="CenterAndExpand"
                IsVisible="{Binding IsBatteryChargeLevelImageVisible}"
                Source="{Binding BatteryChargeLevelImageSourceString}"/>
            <!-- Text describing filling level batteries with 1...4 and 6..N bars -->
            <Label
                x:Name="BarLevelLabel"
				HorizontalOptions="CenterAndExpand"
                Text="{Binding BatteryChargeLevelBarsText}"
                IsVisible="{Binding IsBatteryChargeLevelLabelVisible}"/>
        </StackLayout>
    </ContentView.Content>
</ContentView>