Блог

Главная - Вопросы по программированию - Элемент в стековом описании внутри гибкого описания не центрирован по вертикали в формах Xamarin

Элемент в стековом описании внутри гибкого описания не центрирован по вертикали в формах Xamarin

#xamarin #xamarin.forms #layout #stacklayout

#xamarin #xamarin.forms #макет #stacklayout

Вопрос:

У меня есть гибкое описание с направлением столбца. Внутри гибкого описания я разместил шесть стековых описаний, каждое из которых содержит изображение.

Мне нужно, чтобы шесть изображений были центрированы внутри стековых описаний, вместо того, чтобы теперь отображаться в начале.

 <FlexLayout Direction="Column" VerticalOptions="Fill" HorizontalOptions="Fill">
    <StackLayout FlexLayout.Grow="1" BackgroundColor="#EBF6FD">
        <StackLayout.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding TimeSheetCommand, Source={x:Reference page}}"></TapGestureRecognizer>
        </StackLayout.GestureRecognizers>

        <ImageButton VerticalOptions="Center" HorizontalOptions="Center"  BackgroundColor="Transparent" Source="timesheet.png" Command="{Binding TimeSheetCommand, Source={x:Reference page}}"></ImageButton>
        <Label VerticalOptions="Center" HorizontalOptions="Center" Text="{x:Static resources:Resources.TitleTimeSheet}" Style="{StaticResource primaryNormalTextStyle}" TextColor="#7CB4DD"></Label>
    </StackLayout>

    <StackLayout FlexLayout.Grow="1" BackgroundColor="#EBF6FD">
        <StackLayout.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding TimeSheetCommand, Source={x:Reference page}}"></TapGestureRecognizer>
        </StackLayout.GestureRecognizers>

        <ImageButton VerticalOptions="Center" HorizontalOptions="Center"  BackgroundColor="Transparent" Source="timesheet.png" Command="{Binding TimeSheetCommand, Source={x:Reference page}}"></ImageButton>
        <Label VerticalOptions="Center" HorizontalOptions="Center"  Text="{x:Static resources:Resources.TitleTimeSheet}" Style="{StaticResource primaryNormalTextStyle}" TextColor="#7CB4DD"></Label>
    </StackLayout>

Как я могу центрировать элементы внутри стекового описания?

Комментарии:

1. Почему бы не установить вертикальные и горизонтальные параметры вашего внутреннего элемента как CenterAndExpand ? это должно сработать!

2. Установлено, но без эффекта

3. Можете ли вы обновить свой вопрос, чтобы я мог посмотреть, делаете ли вы то, что я предполагал, что вы будете делать, или нет?

4. извините, я думаю, что это работает сейчас. Я поместил stacklayout между изображением и меткой с помощью centerAndExpand

5. Вы хотите, чтобы я добавил это в качестве ответа?