World-Skills-Juniors

Xamarin.Forms

---

Project maintained by PavlenkoDR Hosted on GitHub Pages — Theme by mattgraham

Урок 2 - ContentPage StackLayout

World-Skills-Juniors

Виды страниц наглядно

ContentPage

Самый простой вид страниц из доступных

Виды макетов наглядно

ContentPage

Самый простой вид макета из доступных

Frontend

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.View2">
    <!-- ContentPage - одина из самых простых страниц
    В ContentPage.Content Кладется макет -->
    <ContentPage.Content>
        <!-- StackLayout - один из видов макетов. Например этот складывает все объекты в ряд
        HorizontalOptions - указывает на то, что объекты внутри макета будут по центу слева направо
        VerticalOptions   - указывает на то, что объекты внутри макета будут по центу сверху вниз  -->
        <StackLayout HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="#00ff00" >
            <!-- Кнопка. Button_Clicked - функция, которая будет вызываться при клике
            на кнопку. Ее реализация создалась в файле View2.xaml.cs -->
            <Button Clicked="Button_Clicked"></Button>
            <!-- Просто текст, который отображается на странице.
            С помощью x:Name мы управляем лейблом из файла View2.xaml.cs -->
            <Label Text="xdtjssjmcytxmtx"  HorizontalOptions="Center" VerticalOptions="StartAndExpand" x:Name="label1"/>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

Backend

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;
using Xamarin.Forms.Xaml;

// namespace - это пространство, в котором мы объявляем классы
namespace MyApp
{
    // Публичный класс страницы
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class View2 : ContentPage
    {
        // Конструктор класса
        public View2 ()
        {
            // Инициализирует компаненты из файла с расширением xaml
            InitializeComponent();
        }

        // Реализация функции, которая вызывается при нажатии на кнопку
        // Она привязывается в файле xaml
        private void Button_Clicked(object sender, EventArgs e)
        {
            // label1 указан в Label в поле x:Name. Этот Label инициализирован в файле View2.xaml
            label1.Text = "Hello world!!!";
        }
    }
}

World-Skills-Juniors