Hướng dẫn is xaml like html? - xaml có giống html không?

Lập trình viên giỏi không phải chỉ biết code

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.

Phần 1. Bắt đầu với XAML

• Bài báo
• 07/08/2021
• 15 phút để đọc

Trong bài viết này

Trong ứng dụng Xamarin.Forms, XAML chủ yếu được sử dụng để xác định nội dung trực quan của một trang và hoạt động cùng với tệp C# Code.

Tệp mã phía sau cung cấp hỗ trợ mã cho đánh dấu. Cùng nhau, hai tệp này đóng góp vào một định nghĩa lớp mới bao gồm các chế độ xem con và khởi tạo thuộc tính. Trong tệp XAML, các lớp và thuộc tính được tham chiếu với các phần tử và thuộc tính XML và các liên kết giữa đánh dấu và mã được thiết lập.

Tạo ra giải pháp

Để bắt đầu chỉnh sửa tệp XAML đầu tiên của bạn, hãy sử dụng Visual Studio hoặc Visual Studio cho Mac để tạo giải pháp Xamarin.Forms mới. [Chọn tab bên dưới tương ứng với môi trường của bạn.]

• Visual Studio
• Visual Studio cho Mac

Ba dự án được tạo trong giải pháp: Thư viện tiêu chuẩn XAMLSAMPLES .NET, xamlsamples.android và xamlsamples.ios.XamlSamples solution, you might want to test your development environment by selecting the various platform projects as the solution startup project, and building and deploying the simple application created by the project template on either phone emulators or real devices.

Sau khi tạo giải pháp XAMLSAMPLES, bạn có thể muốn kiểm tra môi trường phát triển của mình bằng cách chọn các dự án nền tảng khác nhau làm dự án khởi động giải pháp, và xây dựng và triển khai ứng dụng đơn giản được tạo bởi mẫu dự án trên trình giả lập điện thoại hoặc thiết bị thực.XamlSamples .NET Standard library project is where you’ll be spending virtually all of your programming time. These articles will not venture outside of that project.

Trừ khi bạn cần viết mã dành riêng cho nền tảng, dự án thư viện tiêu chuẩn XAMLSAMPLES .NET được chia sẻ là nơi bạn sẽ dành hầu như tất cả thời gian lập trình của mình. Những bài viết này sẽ không mạo hiểm bên ngoài dự án đó.

Giải phẫu tệp XAMLXamlSamples .NET Standard library are a pair of files with the following names:

• Trong thư viện tiêu chuẩn XAMLSAMPLES .NET là một cặp tệp có tên sau:, the XAML file; and
• App.xaml, tệp xaml; và, a C# code-behind file associated with the XAML file.

App.xaml.cs, một tệp C# Code được liên kết với tệp XAML.App.xaml to see the code-behind file.

Bạn sẽ cần nhấp vào mũi tên bên cạnh App.xaml để xem tệp phía sau mã.App.xaml and App.xaml.cs contribute to a class named

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

• Cả App.xaml và App.xaml.cs đều đóng góp cho một lớp có tên

  using Xamarin.Forms;
  
  namespace XamlSamples
  {
      public partial class MainPage : ContentPage
      {
          public MainPage[]
          {
              InitializeComponent[];
          }
      }
  }
  

  4 xuất phát từ

  using Xamarin.Forms;
  
  namespace XamlSamples
  {
      public partial class MainPage : ContentPage
      {
          public MainPage[]
          {
              InitializeComponent[];
          }
      }
  }
  

  5. Hầu hết các lớp khác với các tệp XAML đều đóng góp cho một lớp xuất phát từ

  using Xamarin.Forms;
  
  namespace XamlSamples
  {
      public partial class MainPage : ContentPage
      {
          public MainPage[]
          {
              InitializeComponent[];
          }
      }
  }
  

  6; Những tệp đó sử dụng XAML để xác định nội dung trực quan của toàn bộ trang. Điều này đúng với hai tệp khác trong dự án XAMLSAMPLES:, the XAML file; and
• Mainpage.xaml, tệp XAML; và, the C# code-behind file.

Mainpage.xaml.cs, tệp C# Code.MainPage.xaml file looks like this [although the formatting might be a little different]:

Tệp MainPage.xaml trông như thế này [mặc dù định dạng có thể hơi khác một chút]:

Hai tuyên bố tên XML [

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tuyên bố không gian tên XML đầu tiên có nghĩa là các thẻ được xác định trong tệp XAML không có tiền tố đề cập đến các lớp trong xamarin.forms, ví dụ

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tuyên bố không gian tên ____2020 cho phép bạn truy cập các lớp khác từ dự án Thư viện tiêu chuẩn .NET.

Vào cuối thẻ đầu tiên đó, tiền tố

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Thuộc tính

Thuộc tính

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tệp MainPage.xaml.cs trông giống như thế này [ngoài các chỉ thị

Khi Visual Studio xây dựng dự án, nó phân tích tệp XAML để tạo tệp mã C#. Nếu bạn nhìn vào xamlsamples \ xamlsamples \ obj \ debug thư mục, bạn sẽ tìm thấy một tệp có tên xamlsamples.mainpage.xaml.g.cs. Các ’G, viết tắt của được tạo ra. Đây là định nghĩa lớp một phần khác của

Khi chạy, mã trong dự án nền tảng cụ thể gọi phương thức

public App[]
{
    InitializeComponent[];
    MainPage = new NavigationPage[new MainPage[]];
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public App[]
{
    InitializeComponent[];
    MainPage = new NavigationPage[new MainPage[]];
}

public App[]
{
    InitializeComponent[];
    MainPage = new NavigationPage[new MainPage[]];
}

Mặc dù bạn thường không cần phải dành nhiều thời gian với các tệp mã được tạo, nhưng đôi khi các ngoại lệ thời gian chạy được nâng lên trên mã trong các tệp được tạo, vì vậy bạn nên làm quen với chúng.

Khi bạn biên dịch và chạy chương trình này, phần tử

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Đối với hình ảnh thú vị hơn, tất cả những gì bạn cần là XAML thú vị hơn.

Thêm trang XAML mới

• Visual Studio
• Visual Studio cho Mac

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Hai tệp được thêm vào dự án, HelloxamlPage.xaml và tệp phía sau HELLOXAMLPAGE.xaml.cs.HelloXamlPage.xaml and the code-behind file HelloXamlPage.xaml.cs.

Đặt nội dung trang

Chỉnh sửa tệp HelloxamlPage.xaml sao cho các thẻ duy nhất là các thẻ cho

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Các thẻ

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Các thẻ

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Cũng lưu ý rằng thuộc tính

Tại thời điểm này, mối quan hệ giữa các lớp, thuộc tính và XML nên được hiển nhiên: một lớp Xamarin.forms [như

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Nhiều phím tắt tồn tại để đặt các giá trị của các thuộc tính này. Một số thuộc tính là các loại dữ liệu cơ bản: ví dụ, các thuộc tính

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

Thuộc tính

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

Tuy nhiên, đối với các thuộc tính của các loại phức tạp hơn, các bộ chuyển đổi được sử dụng để phân tích XAML. Đây là các lớp trong xamarin.forms xuất phát từ

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

• 0 cho thuộc tính
  1

• 2 cho tài sản
  3

• 4 cho tài sản
  5

Các bộ chuyển đổi này chi phối cú pháp cho phép của cài đặt thuộc tính.

Mỗi chữ cái nhỏ là một chữ số thập lục phân. Đây là cách bao gồm một kênh alpha:

Đối với kênh alpha, hãy nhớ rằng FF hoàn toàn mờ đục và 00 hoàn toàn minh bạch.

Hai định dạng khác cho phép bạn chỉ chỉ định một chữ số thập lục phân cho mỗi kênh:

Trong những trường hợp này, chữ số được lặp lại để tạo thành giá trị. Ví dụ: #CF3 là màu RGB CC-FF-33.

Trang điều hướng trang

Khi bạn chạy chương trình XAMLSAMPLES,

Để thực hiện điều hướng, đầu tiên là mã thay đổi trong hàm tạo app.xaml.cs sao cho đối tượng

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public App[]
{
    InitializeComponent[];
    MainPage = new NavigationPage[new MainPage[]];
}

Trong Trình xây dựng MainPage.xaml.cs, bạn có thể tạo một

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Đặt thuộc tính

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

Bạn có thể điều hướng trở lại

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Ở đây, nó trông như thế nào:

XAML và tương tác mã

Mẫu Helloxamlpage chỉ chứa một

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tệp XAML này hoàn thành về mặt cú pháp và ở đây, nó trông như thế nào:

Tuy nhiên, bạn có thể coi chương trình này là thiếu chức năng. Có lẽ

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Như bạn sẽ thấy trong Phần 4. Khái niệm cơ bản liên kết dữ liệu, công việc hiển thị giá trị

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

Những người xử lý sự kiện không cần phải công khai.

Quay lại trong tệp XAML, các thẻ

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Lưu ý rằng việc gán một trình xử lý cho một sự kiện có cùng cú pháp như gán giá trị cho một thuộc tính.

Nếu trình xử lý cho sự kiện

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tiền tố

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tên bạn gán cho thuộc tính

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Bây giờ trình xử lý sự kiện

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Hoặc, người xử lý có thể có được đối tượng

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Khi bạn lần đầu tiên chạy chương trình,

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Bây giờ cho

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

namespace XamlSamples
{
    public partial class XamlPlusCodePage
    {
        public XamlPlusCodePage[]
        {
            InitializeComponent[];
        }

        void OnSliderValueChanged[object sender, ValueChangedEventArgs args]
        {

        }

        void OnButtonClicked[object sender, EventArgs args]
        {

        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Phương pháp này được định nghĩa là

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Bạn đã thấy rằng một đối tượng được xác định trong XAML có thể bắn một sự kiện được xử lý trong tệp mã phía sau và tệp phía sau có thể truy cập một đối tượng được xác định trong XAML bằng cách sử dụng tên được gán cho nó với thuộc tính

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Một số hiểu biết bổ sung về cách các tác phẩm XAML có thể được lượm lặt bằng cách kiểm tra tệp XamLpluscode.xaml.cs mới được tạo, hiện bao gồm bất kỳ tên nào được gán cho bất kỳ thuộc tính

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Tuyên bố của trường này cho phép biến được sử dụng tự do ở bất cứ đâu trong tệp lớp một phần

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Sau khi

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

public MainPage[]
{
    InitializeComponent[];

    Button button = new Button
    {
        Text = "Navigate!",
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };

    button.Clicked += async [sender, args] =>
    {
        await Navigation.PushAsync[new HelloXamlPage[]];
    };

    Content = button;
}

using Xamarin.Forms;

namespace XamlSamples
{
    public partial class MainPage : ContentPage
    {
        public MainPage[]
        {
            InitializeComponent[];
        }
    }
}

Đừng ngại. Nó có trang của bạn và XAML chỉ là một công cụ để xây dựng nội dung của nó.

Bản tóm tắt

Với phần giới thiệu này, bạn đã thấy cách tệp XAML và tệp mã đóng góp vào định nghĩa lớp và cách các tệp XAML và mã tương tác. Nhưng XAML cũng có các tính năng cú pháp độc đáo của riêng mình cho phép nó được sử dụng một cách rất linh hoạt. Bạn có thể bắt đầu khám phá những điều này trong Phần 2. Cú pháp XAML cần thiết.

• Xamlsamples
• Phần 2. Cú pháp XAML cần thiết
• Phần 3. Tiện ích mở rộng đánh dấu XAML
• Phần 4. Khái niệm cơ bản ràng buộc dữ liệu
• Phần 5. Từ liên kết dữ liệu đến MVVM