Xamarin.forms пользовательские кнопки управления

Question

Мне нужно уменьшить расстояние между кнопками

Я использовал кнопки для боковой панели, не использовал вид списка, если я установил запрос высоты, чтобы уменьшить высоту, текст будетбыть перекрывающимся, есть ли способ уменьшить высоту с помощью пользовательского рендера или другого способа?

это мой код

            <!--<Grid BackgroundColor="#783271"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="20"/>
                    <RowDefinition Height="20"/>

                </Grid.RowDefinitions>

                <Button Grid.Column="0"  Grid.Row="0" Text="Client Expertential Plan" TextColor="#636363" VerticalOptions="StartAndExpand" HorizontalOptions="StartAndExpand" BorderWidth="0" BackgroundColor="White" FontSize="Small" FontAttributes="Italic"/>
                <Button Grid.Column="0"  Grid.Row="1" Text="Organisation / Template Library" TextColor="#636363" VerticalOptions="StartAndExpand" HorizontalOptions="StartAndExpand" BorderWidth="0" BackgroundColor="White" FontSize="Small"  FontAttributes="Italic"/>
                <Button Grid.Column="0"  Grid.Row="2" Text="Use Expertential Plan" TextColor="#636363" VerticalOptions="StartAndExpand" HorizontalOptions="StartAndExpand" BorderWidth="0" BackgroundColor="White" FontSize="Small"  FontAttributes="Italic"/>

            </Grid>-->

            <!--<local:CustomButton Text="hai"></local:CustomButton>-->
            <Button Text="Client Expertential Plan" TextColor="#636363" VerticalOptions="FillAndExpand" HorizontalOptions="Start" BorderWidth="0" BackgroundColor="White" FontSize="Small" FontAttributes="Italic"/>
            <Button Text="Organisation / Template Library" TextColor="#636363" VerticalOptions="FillAndExpand" HorizontalOptions="Start" BorderWidth="0" BackgroundColor="White" FontSize="Small"  FontAttributes="Italic"/>
            <Button Text="Use Expertential Plan" TextColor="#636363" VerticalOptions="FillAndExpand" HorizontalOptions="Start" BorderWidth="0" BackgroundColor="White" FontSize="Small"  FontAttributes="Italic"/>
            <!--<Label x:Name="lblClientExpPlan"  Text="Client Expertential Plan" TextColor="#737373" VerticalOptions="FillAndExpand" HorizontalOptions="StartAndExpand"/>
            <Label  x:Name="lblOrgTemLib" Text="Organisation / Template Library" TextColor="#737373" VerticalOptions="FillAndExpand" HorizontalOptions="StartAndExpand"/>
            <Label  x:Name="lblUseExpPlan" Text="Use Expertential Plan" TextColor="#737373" VerticalOptions="FillAndExpand" HorizontalOptions="StartAndExpand"/>-->
        </StackLayout> 

Answer 1

Простое решение - использовать свойство HeightRequest, как вы упомянули, но также уменьшить отступы.Кнопки Android по умолчанию имеют большую высоту запроса и отступа по сравнению с iOS.Попробуйте следующее:

<StackLayout.Resources>
    <ResourceDictionary>
        <Style TargetType="Button" >
            <Setter Property="HeightRequest" Value="30" />
            <Setter Property="Padding" Value="10, 5" />
            <Setter Property="FontSize" Value="Small" />
            <Setter Property="BorderWidth" Value="0" />
            <Setter Property="VerticalOptions" Value="Start" />
            <Setter Property="HorizontalOptions" Value="Start" />
            <Setter Property="BackgroundColor" Value="White" />
            <Setter Property="TextColor" Value="#636363" />
            <Setter Property="FontAttributes" Value="Italic" />
        </Style>
    </ResourceDictionary>
</StackLayout.Resources>

<Button Text="Client Expertential Plan" />
<Button Text="Organisation / Template Library" />
<Button Text="Use Expertential Plan" />

Свойство padding является недавним добавлением к элементу управления Button.Он присутствует в предварительных выпусках Xamarin.Forms 3.2.