user interface - How to create a tablet UI with multiple ContentPages on one screen at the same time with Xamarin.Forms? -


मैं टेबलेट के लिए एक UI डिजाइन करना चाहता हूं ( Android & amp; आईओएस ) के साथ Xamarin.Forms जहां मुझे एक स्क्रीन पर एकाधिक ContentPages रखना है। मुझे पता है कि Android के लिए टुकड़े ( iOS यह UISplitViewController के लिए afaik) का उपयोग करके इसे कैसे प्राप्त करें।

मैं इसे Xamarin.Forms से कैसे प्राप्त कर सकता हूं?

पीएस मैं निश्चित रूप से TabbedPage !

जहाँ तक मुझे पता है आप स्क्रीन पर एक से अधिक सामग्री पृष्ठ आइटम नहीं डाल सकते, कम-से-कम- एक्स-द-बॉक्स एक्सएमरीन के भीतर। फ़ॉर्म्स।

आप स्क्रीन पर एक से अधिक सामग्री दृश्य आइटम डाल सकते हैं और आप ContentView आइटम को अकेले खड़े पृष्ठों में भी पुनः उपयोग करें।

मूलतः आप वर्णन कर सकते हैं कि आप कंटेंटव्यू के रूप में एक पृष्ठ पर क्या देखना चाहते हैं और फिर उस पृष्ठ को बनाते हैं जो उसमें शामिल है

PhotoItem.xaml:

<पूर्व> & lt; ContentView & gt; & LT; ग्रिड & gt; & Lt; छवि स्रोत = "{बाध्यकारी MyImageSource}" / & gt; & Lt; / ग्रिड & gt; & Lt; / contentView & gt;

PhotoBucket.xaml:

<पूर्व> & amp; सामग्री पृष्ठ xmlns: स्थानीय = "नामस्थान; विधानसभा" & gt; & LT; ContentPage.Content & gt; & Lt; OnIdiom x: TypeArguments = "View" & gt; & LT; OnIdiom.Phone & gt; & LT; ListView & gt; ... सूची आइटम पर टैप करें नेविगेशन। पुशअसिनक (नया फोटोइटम पृष्ठ {बाइंडिंग टेंटेक्ट = आइटमटैप्टेड}); & Lt; / ListView & gt; & LT; /OnIdiom.Phone> & LT; OnIdiom.Tablet & gt; & LT; ग्रिड & gt; // दो कॉलम जोड़ें & lt; ListView ग्रिड। कॉलम = "0" & ​​gt; ... सूची आइटम पर टैप करें PhotoItem.BindingContext = itemTapped & lt; / ListView & gt; & Lt; स्थानीय: फोटोइटम ग्रिड। कॉलम = "1" / & gt; & LT; /OnIdiom.Tablet> & Lt; / OnIdiom & gt; & LT; /ContentPage.Content> & Lt; / ContentPage & gt;

PhotoItemPage.xaml:

  & amp; सामग्री पृष्ठ xmlns: स्थानीय = "नामस्थान; विधानसभा" & gt; & LT; स्थानीय: PhotoItem & gt; & Lt; / ContentPage & gt;  

Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -