Xamarin Layout XAML

Question

В настоящее время я создаю приложение с Xamarin для IOS и Android, и это должно быть приложение-конвертер, которое преобразует десятичные числа в двоичные, шестнадцатеричные и восьмеричные эквиваленты. Приложение должно быть отформатировано определенным образом, и я оченьновичок в XAML.Я хочу, чтобы надписи располагались по центру экрана, и чтобы все было красиво разнесено, но то, как я это делаю, теперь выглядит беспорядочно.Ниже мой XAML.Какие свойства или различные макеты доступны в XAML, которые я мог бы использовать, и не могли бы вы привести несколько примеров?В настоящее время также имеется вложение внизу с дисплеем на экране.

 <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:Assignment2"
             x:Class="Assignment2.MainPage">

    <StackLayout Orientation="Vertical" Padding="20">
        <StackLayout Orientation="Horizontal">
            <StackLayout Orientation="Horizontal">
                <Label Text="Number Converter" HorizontalOptions="Center"/>
            </StackLayout>
            <Label Text="Decimal" VerticalOptions="End" />

            <Entry x:Name="Decimal" WidthRequest="75" HorizontalOptions="Center" />
        </StackLayout>

        <BoxView x:Name ="Space" HeightRequest="30"/>

        <Button Clicked="Button_Clicked" x:Name="converter" Text="Convert" />

        <StackLayout Orientation="Horizontal">

            <Label Text="Octal" VerticalOptions="Center" />

            <Label x:Name="Octal" VerticalOptions="Center" WidthRequest="100" />
            <Label Text="Hexadecimal" VerticalOptions="Center"/>

            <Label x:Name="Hexa" VerticalOptions="Center" WidthRequest="50" />
        </StackLayout>
        <StackLayout Orientation="Horizontal">
            <Label Text="Binary Bytes 1-4" VerticalOptions="Center" HorizontalOptions="CenterAndExpand"/>
        </StackLayout>
        <StackLayout>
            <BoxView x:Name="Extra" HeightRequest="30"/>
            <Label x:Name="First" VerticalOptions="Center"/>
            <Label x:Name="Second" VerticalOptions="Center"/>
            <Label x:Name="Third" VerticalOptions="Center"/>
            <Label x:Name="Forth" VerticalOptions="Center"/>
        </StackLayout>
    </StackLayout>

</ContentPage>

Экран телефона

Answer 1

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

Обзор: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/controls/layouts

ScrollView: https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.scrollview?view=xamarin-forms StackLayout: https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.stacklayout?view=xamarin-forms Сетка: https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.grid?view=xamarin-forms AbsoluteLayout: https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.absolutelayout?view=xamarin-forms RelativeLayout(Дорого по производительности, используйте с осторожностью): https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.relativelayout?view=xamarin-forms FlexLayout: https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.flexlayout?view=xamarin-forms