Xamarin.Forms
Xamarin.Forms पेज

TabbedPage

एक TabbedPage एक नेविगेशनपेज के समान है जिसमें यह कई चाइल्ड पेज ऑब्जेक्ट्स के बीच सरल नेविगेशन की अनुमति देता है और प्रबंधन करता है। अंतर यह है कि आम तौर पर बोलते हुए, प्रत्येक मंच स्क्रीन के ऊपर या नीचे किसी न किसी तरह का बार प्रदर्शित करता है जो कि सबसे अधिक प्रदर्शित होता है, यदि सभी नहीं, उपलब्ध चाइल्ड पेज ऑब्जेक्ट्स का। Xamarin.Forms अनुप्रयोगों में, एक TabbedPage आम तौर पर उपयोगी होता है जब आपके पास उन पृष्ठों की एक छोटी पूर्वनिर्धारित संख्या होती है जो उपयोगकर्ता बीच में नेविगेट कर सकते हैं, जैसे कि एक मेनू या एक साधारण विज़ार्ड जो स्क्रीन के ऊपर या नीचे स्थित हो सकता है।

XAML

कोड

var page1 = new ContentPage {
Title = "Tab1",
Content = new Label {
Text = "I'm the Tab1 Page",
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center
}
};
var page2 = new ContentPage {
Title = "Tab2",
Content = new Label {
Text = "I'm the Tab2 Page",
HorizontalOptions = LayoutOptions.Center,
66
VerticalOptions = LayoutOptions.Center
}
};
var tabbedPage = new TabbedPage {
Children = { page1, page2 }
};

सामग्री पृष्ठ

ContentPage: एकल दृश्य प्रदर्शित करता है।

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"
x:Class="XamlBasics.SampleXaml">
<Label Text="This is a simple ContentPage"
HorizontalOptions="Center"
VerticalOptions="Center" />
</ContentPage>

कोड

var label = new Label {
Text = "This is a simple ContentPage",
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center
};
var contentPage = new ContentPage {
Content = label
};

MasterDetailPage

MasterDetailPage: जानकारी के दो अलग-अलग पृष्ठ (पैन) का प्रबंधन करता है।

XAML

<?xml version="1.0" encoding="utf-8" ?>
<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="XamlBasics.SampleXaml">
<MasterDetailPage.Master>
<ContentPage Title = "Master" BackgroundColor = "Silver">
<Label Text="This is the Master page."
TextColor = "Black"
HorizontalOptions="Center"
VerticalOptions="Center" />
</ContentPage>
</MasterDetailPage.Master>
<MasterDetailPage.Detail>
<ContentPage>
<Label Text="This is the Detail page."
HorizontalOptions="Center"
VerticalOptions="Center" />
</ContentPage>
</MasterDetailPage.Detail>
</MasterDetailPage>

कोड

var masterDetailPage = new MasterDetailPage {
Master = new ContentPage {
Content = new Label {
Title = "Master",
BackgroundColor = Color.Silver,

TextColor = Color.Black,
Text = "This is the Master page.",
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center
}
},
Detail = new ContentPage {
Content = new Label {
Title = "Detail",
Text = "This is the Detail page.",
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center
}
}
};