Xamarin.forms: शीर्षक दृश्य की सामग्री क्षैतिज संरेखण

को निर्मित 22 दिस॰ 2018 · 28टिप्पणियाँ · स्रोत: xamarin/Xamarin.Forms

विवरण

शीर्षक दृश्य में क्षैतिज रूप से सामग्री को केन्द्रित करने में असमर्थ।
मैं एक्सएफ में इस सुविधा को देखकर खुश हूं लेकिन मैं इस मुद्दे के आधार पर कुछ विचार पेश करना चाहता हूं कि इस सुविधा को और अधिक उपयोगी कैसे बनाया जाए।
हम कस्टम दृश्य की सामग्री को क्षैतिज रूप से डिवाइस स्क्रीन पर केंद्रित नहीं कर सकते हैं, यह इस बात पर निर्भर करता है कि बैक बटन है या नहीं, सही आइटम है या नहीं, आदि।
the issue

प्रजनन के चरण

समान कस्टम शीर्षक दृश्य के साथ दो पृष्ठ बनाएं, दूसरे पृष्ठ पर टूलबार आइटम जोड़ें
पेज 1 के शीर्षक दृश्य व्यवहार को देखें।
पेज 2 पर नेविगेट करें, फिर से देखें।

अपेक्षित् व्यवहार

टाइटल व्यू की सामग्री ठीक से केंद्रित होनी चाहिए।
जैसा कि हम देख सकते हैं कि टाइटल व्यू की सामग्री का तार्किक क्षैतिज केंद्र बिंदु कभी भी फोन के स्क्रीन क्षैतिज केंद्र बिंदु से केंद्रित नहीं होगा। इसलिए, हम ऐसा कुछ बनाने के लिए कोई छवि या गतिशील सामग्री नहीं रख सकते (इंटरनेट से यादृच्छिक छवि):

वास्तविक व्यवहार

टाइटल व्यू की सामग्री गलत तरीके से केंद्रित है। हम इसे नियंत्रित नहीं कर सकते।

मूल जानकारी

समस्या वाला संस्करण: >3.1
अंतिम ज्ञात अच्छा संस्करण: <=3.1
आईडीई: वीएस2017
प्लेटफार्म लक्ष्य ढांचे:
- आईओएस:
नुगेट पैकेज:
ज़ामरीन फॉर्म 3.4.0
प्रभावित उपकरण:
सभी आईओएस
स्क्रीनशॉट

प्रजनन लिंक

मैंने एक छोटा उदाहरण बनाया है, आप इस लिंक का अनुसरण कर सकते हैं, उन्हें कोड में देखने के लिए, XF के Xamarin.Forms.ControlGallery उदाहरण के आधार पर इस शाखा में - बस क्लोन करें और iOS ऐप चलाएं, फिर शीर्षक दृश्य चुनें फिर BDF: शीर्षक दृश्य केंद्रित , गठबंधन करें इसे टॉगल टूलबार आइटम के साथ

मैंने कुछ सैद्धांतिक उदाहरण बनाए हैं जो इसे हल करने के संभावित समाधान की पेशकश करने की कोशिश कर रहे हैं। सामान्य तौर पर, हमें टाइटल व्यू के कंटेनर के आकार और स्थिति को ठीक करने की आवश्यकता होती है ताकि इसकी सामग्री को केंद्र में रखा जा सके।

डिफ़ॉल्ट मोड -

व्यू कंटेनर का व्यवहार अब जैसा ही है।
Default Mode

घोस्ट मोड - (यदि इसे लागू करना संभव हो)

व्यू कंटेनर को सभी नेविगेशन बार स्पेस का उपयोग करना चाहिए। हम इसकी सामग्री द्वारा कुछ नियंत्रणों को ओवरफ्लो कर सकते हैं, लेकिन कुछ स्थितियों के लिए यह ठीक है।
Ghost Mode

एकीकृत मोड

व्यू कंटेनर आकार को नेविगेशन बार आइटम के संबंध में सभी खाली स्थान लेना चाहिए और बार के केंद्र में पिन करना चाहिए।
Unified Mode

titleview high impact proposal-open enhancement ➕

स्रोत

bondarenkod

👍19 ❤1

सबसे उपयोगी टिप्पणी

यह हमारे लिए एक गंभीर समस्या है, हम अभी ठीक होने की प्रतीक्षा कर रहे हैं।

ChrisTTian667 8 जन॰ 2019

👍8

सभी 28 टिप्पणियाँ

मुझे लगता है कि [एन्हांसमेंट] से टाइप को इश्यू में बदलना बेहतर है क्योंकि यह एन्हांसमेंट से ज्यादा इश्यू है

bondarenkod 25 दिस॰ 2018

👍6

बहुत ज्यादा। फिलहाल अगर आपके पास नेवी बार में कोई अन्य आइटम है तो यह उपस्थिति को अवांछनीय बनाता है और उपयोग करने लायक नहीं है।

beeradmoore 30 दिस॰ 2018

यह हमारे लिए एक गंभीर समस्या है, हम अभी ठीक होने की प्रतीक्षा कर रहे हैं।

ChrisTTian667 8 जन॰ 2019

👍8

@PureWeen हाय!
क्या आपके पास इस पर कोई अपडेट है?
लगभग 5 ऐप्स के लिए XF संस्करण को अपडेट करना हमारे लिए अवरोधक है

शुक्रिया!

devlanfear 31 जन॰ 2019

👍3

यह शेल में एक मुद्दा बना हुआ है और एक ऐसा कोई उचित समाधान नहीं है जिसके बारे में मुझे पता है। नकारात्मक मार्जिन हैक गलत अनुमान के लिए प्रवण हैं। प्रभाव उछाल रहा है।

davidortinau 24 अप्रैल 2019

👍4 ❤1

नमस्ते,
चारों ओर अद्भुत काम !! हालाँकि इस नियंत्रण के लिए "TitleView" को हर जगह बंद कर दिया गया लगता है, क्या यह समस्या अब ठीक नहीं होने वाली है? केन्द्रित न होने पर बिल्कुल भी प्रयोग करने योग्य नहीं है। क्या यह एक पुनर्लेखन है? मैंने हैक के रूप में भी एक नकारात्मक मार्जिन रखा है, लेकिन आश्चर्य है कि क्या मेरा हैक सभी उपकरणों पर काम करता है ... क्या कोई हमें बता सकता है कि इस पर क्या करना है। बहुत धन्यवाद

developer9969 10 अग॰ 2019

मैंने हाल ही में एक Xamarin iOS प्रोजेक्ट में इस मुद्दे के खिलाफ समर्थन किया है और iOS द्वारा आपूर्ति किए गए UI तत्वों का उपयोग करके इसे हल करने का कोई तरीका नहीं है। यदि आप अपने UINavigationItem में UIBarButtonItem s का उपयोग करते हैं, तो OS आपको यह नहीं बताएगा कि उन्हें प्रस्तुत करने के बाद वे कितने चौड़े हैं, इसलिए Title पर बाधाओं या आकारों को सेट करने का कोई तरीका नहीं है। क्षतिपूर्ति के लिए देखें।
अंत में मैंने पूरी चीज को छोड़ दिया और एक सादे UIView कंटेनर का उपयोग करके अपना टूलबार लागू किया, और टूलबार बटन के लिए UIButton s, बीच में UILabel के साथ (ठीक से) केंद्रित, क्योंकि यह आसान था)।
इस बिंदु पर हमें Xamarin फ़ॉर्म से जो चाहिए वह ContentView की आपूर्ति करने की क्षमता है जिसे फ़ॉर्म पूरे बार में फैले UINavigationBar में डाल देगा। यह करना आसान है, लेकिन UINavigationBar की Title संपत्ति का उपयोग न करें - प्रपत्रों को NavigationBar के सबव्यू के रूप में ContentView जोड़ना होगा अपने आप। फिर हम Button s, Label s आदि का उपयोग करके अपनी सामग्री को ContentView के अंदर सेट कर सकते हैं और उन्हें ठीक से पंक्तिबद्ध कर सकते हैं।

programmation 13 अग॰ 2019

👍3 ❤1

मैं इसका समाधान भी ढूंढ रहा हूं। इसे डुप्लीकेट के रूप में चिह्नित किया गया है लेकिन डुप्लीकेट को बंद कर दिया गया है और इस मुद्दे को संदर्भित करता है। क्या इसका कोई समाधान माना जा रहा है?

rscholey 16 अग॰ 2019

@samhouts हाय, इसे ठीक करने की कोई योजना? जहाँ तक मुझे पता है, बहुत से लोग इस समस्या पर ध्यान दे रहे हैं।
लेकिन करीब दो साल बीत जाने के बाद भी इसकी मरम्मत नहीं हो सकी है।

TingtingAn 18 सित॰ 2019

👍5

अफसोस की बात है कि शेल के आने के बाद भी यह समस्या बनी हुई है

VirtualNomad00 14 नव॰ 2019

👍2

अफसोस की बात है कि ऐसा नहीं लगता कि यह प्राथमिकता है।

developer9969 14 नव॰ 2019

👍2

इस मुद्दे के लिए 1 साल का जश्न। मैं

ऐसा लगता है कि कुछ डिफ़ॉल्ट Android ऐप्स में वर्णित व्यवहार है

dummy

bondarenkod 24 दिस॰ 2019

यह झटका। हमारे ऐप्स को खराब दिखता है।

francis2 2 जन॰ 2020

👍1

ये काफी परेशान करने वाला है. क्या किसी के पास कोई उपाय है?

julioas09 8 जन॰ 2020

@ julioas09 मैंने इसे एक बार बनाया था लेकिन भूल गया कि मैंने कैसे किया। लेकिन मैं इन दो संसाधनों का जिक्र कर रहा था और इसे बनाया। इसलिए मुझे लगता है कि आप उनका भी उल्लेख कर सकते हैं और ऐसा कर सकते हैं।

https://forums.xamarin.com/discussion/99634/is-there-any-way-to-set-navigation-bars-title-be-center-position

https://github.com/officialdoniald/Xamarin.Forms.CustomControls/blob/master/XamarinForms.CustomControls/XamarinForms.CustomControls.Android/CustomRenderer/CustonNavigationPageRenderer.cs

BradKwon 23 जन॰ 2020

हम वर्तमान में कुछ UX डिज़ाइनों को हिट करने के लिए शीर्षक दृश्य में एक छवि को केंद्रित करने का प्रयास कर रहे हैं और यह शीर्षक दृश्य के बाहर, बाईं ओर बैक बटन होने के कारण छवि को दाईं ओर ऑफसेट करने का कारण बन रहा है।

titleview

drjaydenm 3 मार्च 2020

समाधान: एक शीर्षक दृश्य लागू करें जिसमें छवि के साथ-साथ बैक बटन भी हो, फिर नेविगेशन आइटम के बटन को शून्य पर सेट करें। यह _चाहिए_ शीर्षक दृश्य को नेविगेशन बार की पूरी चौड़ाई में भर देता है।

programmation 4 मार्च 2020

वास्तव में इसकी आवश्यकता है ..... zZz

jaspervanmegroot 23 मार्च 2020

@programmation क्या आपके पास इसके लिए कोई उदाहरण है?

jaspervanmegroot 24 मार्च 2020

👍1

@jaspervanmegroot
मैं हैमबर्गर आइकन छुपाने के बारे में जानता हूं

 <Shell.FlyoutIcon>
        <x:String></x:String>
    </Shell.FlyoutIcon>

लेकिन यह सही नहीं है, फिर भी बायां हाशिया दाएं किनारे से थोड़ा बड़ा है।

eli191 10 मई 2020

हम वर्तमान में कुछ UX डिज़ाइनों को हिट करने के लिए शीर्षक दृश्य में एक छवि को केंद्रित करने का प्रयास कर रहे हैं और यह शीर्षक दृश्य के बाहर, बाईं ओर बैक बटन होने के कारण छवि को दाईं ओर ऑफसेट करने का कारण बन रहा है।

वैकल्पिक समाधान: नेविगेशन बार के विपरीत दिशा में एक डमी, ब्लैंक, कुछ न करें बटन बनाएं।

programmation 11 मई 2020

आपको जवाब देने में देरी के लिए खेद है! मैंने एक और वर्कअराउंड भी पोस्ट किया है जिसने अतीत में मेरे लिए काम किया है (हालांकि मैं शैल का उपयोग नहीं करता हूं, अगर यह यहां मदद करेगा तो अनिश्चित है): नेविगेशन बार के दाहिने हाथ के लिए एक डमी बटन बनाएं। आप टेक्स्ट कलर == बैकग्राउंड कलर को अदृश्य बनाने के लिए उपयोग कर सकते हैं, और इसे बाईं ओर के बटन के समान टेक्स्ट बनाकर इसका आकार दे सकते हैं।

24 मार्च 2020 को 20:43 बजे, jaspervanmegroot [email protected] ने लिखा:
@programmation https://github.com/programmation क्या आपके पास इसके लिए कोई उदाहरण है?
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub https://github.com/xamarin/Xamarin.Forms/issues/4848#issuecomment-603134653 पर देखें, या https://github.com/notifications/unsubscribe-auth/ACNA4OOTRYXWHCX4GKUPEHDRJB6CLANCNFSM4GL6FIBA की सदस्यता समाप्त करें।

programmation 11 मई 2020

@प्रोग्रामेशन धन्यवाद!

मूल रूप से यह काम कर रहा है, लेकिन यह थोड़ा अजीब है क्योंकि यदि आप टूलबार आइटम डालते हैं, तो Shell.TitleView भी बाईं ओर धकेल दिया जाता है, इसलिए या तो आप उनका उपयोग नहीं करते हैं, या तो आपका शीर्षक एक पृष्ठ से नेविगेट कर रहा है दूसरे दाएं से बाएं और इसके विपरीत।

eli191 11 मई 2020

@ eli191 मैं मानता हूं कि यह वास्तव में आदर्श नहीं है, लेकिन एक्सएफ-प्रदान किए गए NavigationPage का उपयोग करते समय यह सबसे अच्छा कामकाज था। कुल मिलाकर हालांकि मैं उन अनुकूलन का प्रशंसक नहीं हूं जो अंतर्निहित UINavigationController पर लागू किए गए हैं, जो आंशिक रूप से जिम्मेदार हैं कि आप जो करने की कोशिश कर रहे हैं उसे करना कितना कठिन है। मैं _लगभग_ सोच रहा हूं कि प्लेटफॉर्म रेंडरर्स के साथ NavigationBar ऑब्जेक्ट बनाना आसान होगा (हालांकि वास्तव में किसी की आवश्यकता नहीं हो सकती है), और फिर ControlTemplate का उपयोग उन पृष्ठों पर लागू करने के लिए करें जो इसे चाहते हैं, संलग्न NavigationPage से "आधिकारिक" नेविगेशन बार को हटाते समय। जब नेविगेशन पृष्ठभूमि में कस्टम रंग लागू करने जैसी चीजों की बात आती है तो यह निश्चित रूप से आसान होगा, और यह दाएं _and_ बाएं बटन स्टैक पर पूर्ण नियंत्रण की भी अनुमति देगा।

programmation 12 मई 2020

@programmation क्या आपके पास github पर एक उदाहरण प्रोजेक्ट है?

jaspervanmegroot 18 मई 2020

अभी भी अगस्त 2020 में इस समस्या का सामना करना पड़ रहा है। हम जल्द ही इस बग के लिए 2 साल पूरे करेंगे। क्या इसे ठीक करने की कोई योजना है?

MaxFmi 26 अग॰ 2020

👍5

अब हम ड्रैग एंड ड्रॉप और स्वाइप व्यू जैसी उत्कृष्ट सुविधाओं को देखते हैं लेकिन मैं अभी भी शीर्षक को केंद्रित करने के लिए संघर्ष कर रहा हूं।

conor-codes 27 अक्तू॰ 2020

😕2 😄2 👀1

क्या इसके जल्द ही ठीक होने की कोई संभावना है? शायद एक्सएफ 5 . में

Hackavist 15 नव॰ 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स