Как поместить элементы в ряд в элементе сетки Xamarin Forms - PullRequest
0 голосов
/ 19 января 2020

Я использую формы Xamarin в Visual Studio 19 и пытаюсь добавить несколько элементов в элемент Grid и расположить их рядом друг с другом в ряд. Я помещаю это в элемент ContentPage.Content.

Я пытался использовать Stacklayout, устанавливая горизонтальные опции кнопок (установка их всех на «пуск» просто заставляет их перекрывать друг друга, устанавливая один для начала один к центр и один до конца будет работать, но я хочу поместить более 3 кнопок на временной панели инструментов сетки). Это говорит мне, что я получаю сообщение об ошибке, когда пытаюсь сделать некоторые определения столбцов для сетки, говоря, что страница содержимого не поддерживает прямой контент.

Это мой раздел определений столбцов

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="20*/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
        </Grid.ColumnDefinitions>

и я устанавливаю столбцы своих кнопок обычным способом.

                 <ContentPage.Content>
    <Grid  BackgroundColor="blue"
        HeightRequest="60"
                 VerticalOptions="End" >
        <ImageButton Source="alarm.png"
                HeightRequest="25"
                WidthRequest="25" 
                 HorizontalOptions="StartAndExpand"
                 />
        <ImageButton Source="alarm.png"
                HeightRequest="25"
                WidthRequest="25" 
                 HorizontalOptions="EndAndExpand"
                 />
    </Grid>                 
</ContentPage.Content>

my_current_unwanted_results

Кроме того, как удалить серый фон кнопки? Изменить 02/05/2020

Чтобы удалить квадрат серого фона, установите BackgroundColor = "transparent"

1 Ответ

0 голосов
/ 19 января 2020

Кажется, вы забыли добавить / на каждый ColumnDefinition.

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...