2016-06-15 2 views
0

У меня очень трудное время для проектирования моего простого пользовательского интерфейса без дизайнера на Xamarin.Forms для Android. Я пытаюсь узнать о Xamarin.Forms Чтобы получить изображение, за которое я пытаюсь это сделать скриншотом, вот что я пытался до сих пор:Позиционирование кнопок Xamarin.Forms

<StackLayout> 
    <StackLayout Orientation="Horizontal" VerticalOptions="Start"> 

    </StackLayout> 

    <StackLayout VerticalOptions="CenterAndExpand"> 
    <Image Source="Login.png"/> 
    </StackLayout> 

    <StackLayout Orientation="Vertical" VerticalOptions="End"> 
    <Button Text="Start"/> 
    <Button Text="Login"/> 
    </StackLayout> 
</StackLayout> 

enter image description here

EDIT: с моим Code им получить 2 маленькие кнопки на Buttom и, я не знаю, почему, может просто вести меня в правом направление. Просто хочу знать, как я могу поместить свои элементы управления, чтобы выглядеть как на скриншоте

+0

К сожалению, не получил свой вопрос. –

+0

Поскольку нижний 'StackLayout' заполняет именно то, что ему нужно, но средний' StackLayout' занимает все свободное пространство, потому что вы устанавливаете 'VerticalOptions = 'CenterAndExpand'. –

+0

Спасибо, так что я должен избавиться от средней stacklayout? –

ответ

3
<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition/> 
    <RowDefinition Height="80"/> 
    </Grid.RowDefinitions> 

    <Image/> 

    <Grid Grid.Row="1"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 

    <Button/> 
    <Button Grid.Column="1"/> 
    </Grid> 
</Grid> 
+0

Спасибо im trieng это прямо сейчас, никогда не думал о Гриды :) –

0
  1. Почему ваш StackPanel для кнопок имеют вертикальную ориентацию? Это поместит их под другой;
  2. Вы можете попробовать установить горизонтальное выравнивание стекальной панели на Stretch;
  3. Я думаю, что с помощью сетки будет лучше подход (смотреть на ответ Егора)
Смежные вопросы