Xamarin.Forms
मंच विशिष्ट दृश्य समायोजन
खोज…
मुहावरे का समायोजन
आइडियल विशिष्ट समायोजन C # कोड से किया जा सकता है, उदाहरण के लिए लेआउट ओरिएंटेशन को बदलने के लिए कि क्या दृश्य दिखाया गया है या फोन या टैबलेट।
if (Device.Idiom == TargetIdiom.Phone)
{
this.panel.Orientation = StackOrientation.Vertical;
}
else
{
this.panel.Orientation = StackOrientation.Horizontal;
}
वे कार्यशीलता XAML कोड से भी सीधे उपलब्ध हैं:
<StackLayout x:Name="panel">
<StackLayout.Orientation>
<OnIdiom x:TypeArguments="StackOrientation">
<OnIdiom.Phone>Vertical</OnIdiom.Phone>
<OnIdiom.Tablet>Horizontal</OnIdiom.Tablet>
</OnIdiom>
</StackLayout.Orientation>
</StackLayout>
प्लेटफ़ॉर्म समायोजन
समायोजन सी # कोड से विशिष्ट प्लेटफार्मों के लिए किया जा सकता है, उदाहरण के लिए सभी लक्षित प्लेटफार्मों के लिए पैडिंग बदलने के लिए।
if (Device.OS == TargetPlatform.iOS)
{
panel.Padding = new Thickness (10);
}
else
{
panel.Padding = new Thickness (20);
}
छोटा सी # घोषणाओं के लिए एक सहायक विधि भी उपलब्ध है:
panel.Padding = new Thickness (Device.OnPlatform(10,20,0));
वे कार्यशीलता XAML कोड से भी सीधे उपलब्ध हैं:
<StackLayout x:Name="panel">
<StackLayout.Padding>
<OnPlatform x:TypeArguments="Thickness"
iOS="10"
Android="20" />
</StackLayout.Padding>
</StackLayout>
शैलियों का उपयोग करना
XAML के साथ काम करते समय, एक केंद्रीकृत Style
का उपयोग करने से आप एक जगह से स्टाइल के विचारों का एक सेट अपडेट कर सकते हैं। सभी मुहावरे और मंच समायोजन भी आपकी शैलियों में एकीकृत किए जा सकते हैं।
<Style TargetType="StackLayout">
<Setter Property="Padding">
<Setter.Value>
<OnPlatform x:TypeArguments="Thickness"
iOS="10"
Android="20"/>
</Setter.Value>
</Setter>
</Style>
कस्टम दृश्य का उपयोग करना
आप उन कस्टम उपकरण बना सकते हैं जिन्हें उन समायोजन उपकरणों की बदौलत आपके पृष्ठ पर एकीकृत किया जा सकता है।
File > New > File... > Forms > Forms ContentView (Xaml)
और प्रत्येक विशिष्ट लेआउट के लिए एक दृश्य बनाएँ: TabletHome.xaml
और PhoneHome.xaml
।
फिर File > New > File... > Forms > Forms ContentPage
और इसमें एक HomePage.cs
बनाएं:
using Xamarin.Forms;
public class HomePage : ContentPage
{
public HomePage()
{
if (Device.Idiom == TargetIdiom.Phone)
{
Content = new PhoneHome();
}
else
{
Content = new TabletHome();
}
}
}
अब आपके पास एक HomePage
जो Phone
और Tablet
मुहावरों के लिए एक अलग दृश्य पदानुक्रम बनाता है।