मेरा ऐप सही तरीके से तैयार किया गया लगता है, लेकिन मैं आईओएस 7 के लिए प्रसिद्ध है, जो धूमिल पारभासी प्रभाव को प्राप्त नहीं कर सकता। मेरा अपारदर्शी प्रतीत होता है वांछित प्रभाव Im अधिक से स्पष्ट धुंधला प्रभाव प्राप्त करने की कोशिश कर रहा है जैसे कि सेब ट्रेलर ऐप: ट्रांससिलेंसी मेरे उप-कक्षा में यूआईनाइजेशन नियंत्रक में, मैं नेविगेशन बार को पारभासी बनाता हूं: टिंट कलर UIApplicationDelegate के अपने उप-वर्ग में, मैं नेविगेशन बार के टिंट रंग सेट करता हूं। मुझे पता चला कि टिंट रंग का अल्फा कोई फर्क नहीं पड़ता। अर्थात, 0.1 के अल्फा का उपयोग करके बार अधिक पारदर्शी बनने का कारण नहीं होगा। मेरी सामग्री दृश्य नियंत्रक में, मैं किनारे को यूआईआरएक्टएडगेन को सेट करता हूं ताकि ऊपरी नेविगेशन बार ने इसे हटा दिया हो। अगर मैं डिफ़ॉल्ट UIRectEdgeAll का उपयोग करना था नेविगेशन बार स्थायी रूप से मेरी सामग्री के शीर्ष को कवर करेगा यहां तक कि अगर मैं इस असामान्यता के साथ रहना चाहता हूं, तो यूआईआरएकेडीएज अभी भी पारगमन प्रभाव को सक्षम नहीं करता है। संपादित करें: किनारे विज्ञापन के साथ टिप्पणियां आरएमडीआई द्वारा टिप्पणियों में बताई गई है, समस्या किनारों के साथ हो सकती है विस्तारितलेआउट मुझे एक व्यापक ट्यूटोरियल किनारों के लिए मिला और इसे लागू करने का प्रयास किया गया: यह काम नहीं करता। सबसे पहले, कोई पारगमन प्रभाव नहीं था दूसरे, मेरी सामग्री का सबसे ऊपर कटा हुआ था उपरोक्त कोड के साथ निम्नलिखित उदाहरण पृष्ठ पर, अवतार शुरू में नेविगेशन बार के द्वारा कवर किया गया था और यह स्क्रॉल करना बहुत कठिन था आप अवतार के शीर्ष को देखने के लिए नीचे खींच सकते हैं, लेकिन जब आप चले जाते हैं, तो पृष्ठ स्वत: बैक अप हो जाएगा और अवतार फिर से अस्पष्ट हो जाएगा। 14 नवंबर 13 1:19 पर पूछा rmaddy स्क्रीनशॉट आईओएस 7.0.3 के साथ आईफोन 5 पर आया था, सिस्टम के जरिए एन्ट्रीकूट एन्निज्यूटिंग सेटिंग बंद कर दी गई थी। डिफ़ॉल्ट UIRectEdgeAll का उपयोग करके नेविगेशन और टैब सलाखों के नीचे सामग्री दृश्य के ऊपर और नीचे का हिस्सा बना हुआ है, जैसा कि मैंने इस थ्रेड से सीखा है Iveve डिफ़ॉल्ट UIRectEdgeAll की कोशिश की और यह विशेष प्रभाव में कोई फर्क नहीं पड़ता है ndash Pwner 14 नवंबर 13 1:51 समस्या तीसरी पार्टी के कारण खींच-डाउन-टू-रीफ्रेश देखने के कारण था ईगरफ़ेस्टटेबलहाइडरव्यू। जो लोकप्रिय आईओएस 6 से पहले सिस्टम रिफ्रेश कंट्रोल पेश किया गया था। यह दृश्य आईओएस 7 को भ्रमित करता है, ऐसा लगता है कि सामग्री वास्तव में है की तुलना में लम्बे है। IOS 6 और 7 के लिए, मैं सशर्त रूप से UIRefreshControl का उपयोग करने के लिए स्विच कर रहा हूँ I अब नेविगेशन बार मेरी सामग्री काट नहीं करेगा मेरी सामग्री नेविगेशन बार के नीचे जाने के लिए मैं UIRectEdgeAll का उपयोग कर सकता हूं अंत में, मैं पारगमन प्रभाव प्राप्त करने के लिए एक निचला अल्फा के साथ मेरे नेविगेशन बार को टिंट करता हूं उत्तर में 15 से 13 पर 0: 16 सीएसएस नेविगेशन बार किसी वेब साइट के लिए आसान उपयोग वाली नेविगेशन महत्वपूर्ण है। सीएसएस के साथ आप बोरिंग एचटीएमएल मेन्यू को सुन्दर नेविगेशन बार में बदल सकते हैं। नेविगेशन बार लिंक की सूची एक नेविगेशन बार को आधार के रूप में मानक HTML की आवश्यकता है हमारे उदाहरणों में हम एक मानक HTML सूची से नेविगेशन बार का निर्माण करेंगे। एक नेविगेशन बार मूल रूप से, लिंक की एक सूची है, इसलिए ltulgt और ltligt तत्वों का उपयोग कर सही समझ में आता है: ltulgt ltligtlta hrefquotdefault. aspquotgtHomeltagtltligt ltligtlta hrefquotnews. aspquotgtNewsltagtltligt ltligtlta hrefquotcontact. aspquotgtContactltagtltligt ltligtlta hrefquotabout. aspquotgtAboutltagtltligt ltulgt अब से गोलियों और मार्जिन और गद्दी हटाने की सुविधा देता है सूची: उल सूची-शैली-प्रकार: कोई नहीं मार्जिन: 0 पट्टी: 0 सूची-शैली-प्रकार: कोई नहीं - बुलेट को निकालता है एक नेविगेशन बार को सूची मार्करों की ज़रूरत नहीं है मार्जिन सेट करें: 0 और पैडिंग: 0 से ब्राउज़र डिफ़ॉल्ट सेटिंग्स को हटाने के लिए ऊपर दिए गए उदाहरण में कोड मानक कोड है जो ऊर्ध्वाधर और क्षैतिज नेविगेशन बार दोनों में प्रयुक्त होता है। ऊर्ध्वाधर नेविगेशन पट्टी एक ऊर्ध्वाधर नेविगेशन पट्टी बनाने के लिए, आप ऊपर दिए गए कोड के अतिरिक्त सूची के अंदर एलटीएटीटी तत्वों की शैली कर सकते हैं: li एक डिस्प्ले: ब्लॉक चौड़ाई: 60 पीएक्स डिस्प्ले: ब्लॉक - ब्लॉक तत्वों के रूप में लिंक प्रदर्शित करना पूरे लिंक क्षेत्र बनाता है क्लिक करने योग्य (केवल पाठ नहीं), और यह हमें चौड़ाई (और पैडिंग, मार्जिन, ऊंचाई आदि आदि) को चौड़ाई निर्दिष्ट करने की अनुमति देता है: 60px - ब्लॉक तत्व डिफ़ॉल्ट रूप से उपलब्ध पूरी चौड़ाई लेते हैं। हम 60 पिक्सल की चौड़ाई निर्दिष्ट करना चाहते हैं आप लेटगल्ट की चौड़ाई भी निर्धारित कर सकते हैं, और लेटाट की चौड़ाई को हटा सकते हैं, क्योंकि वे ब्लॉक तत्वों के रूप में प्रदर्शित होने पर पूरी चौड़ाई लेते हैं। यह हमारे पिछले उदाहरण के समान परिणाम देगा: ul list-style-type: none margin: 0 padding: 0 width: 60px li एक प्रदर्शन: ब्लॉक वर्टिकल नेविगेशन बार उदाहरण एक भूरे रंग के पृष्ठभूमि रंग और परिवर्तन के साथ एक मूल ऊर्ध्वाधर नेविगेशन बार बनाएँ लिंक का पृष्ठभूमि का रंग जब उपयोगकर्ता उन पर माउस को स्थानांतरित करता है: ul list-style-type: none margin: 0 padding: 0 width: 200px पृष्ठभूमि-रंग: f1f1f1 li एक डिस्प्ले: ब्लॉक रंग: 000 पैडिंग: 8px 16px टेक्स्ट - निरचना: कोई भी होवर पर लिंक रंग बदलें एक: हॉवर पृष्ठभूमि-रंग: 555 रंग: सफ़ेद सक्रिय धारावाहिक लिंक मौजूदा सक्रिय लिंक को सक्रिय करें, उपयोगकर्ता को पता है कि वह कौन सा पृष्ठ है: सक्रिय पृष्ठभूमि-रंग: 4 सीएएफ 50 रंग: सफेद केंद्र लिंक एंबेड सीमाएं जोड़ें टेक्स्ट-संरेखण: केंद्र को लिंक करने के लिए ltligt या ltagt जोड़ें नौबार के चारों ओर एक सीमा जोड़ने के लिए सीमा संपत्ति जोड़ें यदि आप भी नौबार के अंदर सीमाएं चाहते हैं, तो पिछले एलटीएलआईटी तत्वों के लिए सभी लिटिग्स्ट तत्वों को सीमा से नीचे जोड़ दें: उल सीमा: 1 पीएक्स ठोस 555 ली टेक्स्ट-संरेखित करें: केंद्र सीमा नीचे: 1 पीएक्स ठोस 555 ली: अंतिम-बाल सीमा - छोटे: कोई नहीं पूर्ण-ऊंचाई फिक्स्ड वर्टिकल नेवरबार पूर्ण-ऊँचाई, कोटिस्टकी साइड नेविगेशन बनाएँ: उल सूची-शैली-प्रकार: कोई मार्जिन: 0 पट्टी: 0 चौड़ाई: 25 पृष्ठभूमि रंग: f1f1f1 ऊँचाई: 100 पूर्ण ऊंचाई की स्थिति: फिक्स्ड इसे स्क्रॉल ओवरफ्लो पर भी छड़ी करें: ऑटो स्क्रॉलिंग सक्षम करें यदि sidenav में बहुत अधिक सामग्री है नोट: यह उदाहरण मोबाइल उपकरणों पर ठीक से काम नहीं करेगा। क्षैतिज नेविगेशन पट्टी क्षैतिज नेविगेशन बार बनाने के दो तरीके हैं इनलाइन या फ़्लोटिंग सूची आइटम का उपयोग करना। इनलाइन सूची आइटम एक क्षैतिज नेविगेशन पट्टी बनाने का एक तरीका एलटीएलआईटीटी तत्वों को इनलाइन के रूप में निर्दिष्ट करना है, उपरोक्त quotstandardquot कोड के अतिरिक्त: ली डिस्प्ले: इनलाइन डिस्प्ले: इनलाइन - डिफ़ॉल्ट रूप से, एलटीएलआईडी तत्व तत्व ब्लॉक तत्व हैं यहां, हम प्रत्येक सूची आइटम से पहले और बाद में लाइन ब्रेक हटाते हैं, उन्हें एक पंक्ति फ्लोटिंग सूची आइटम पर प्रदर्शित करने के लिए एक क्षैतिज नेविगेशन बार बनाने का एक और तरीका एलटीएलआईटी तत्वों को फ्लोट करना है, और नेविगेशन लिंक के लिए एक लेआउट निर्दिष्ट करना है: एक डिस्प्ले: ब्लॉक पैडिंग: 8px पृष्ठभूमि-रंगः डीडडडडी फ्लोट: बाएं - ब्लॉक तत्वों को एक दूसरे प्रदर्शन के बगल में स्लाइड करने के लिए फ्लोट का उपयोग करें: ब्लॉक - ब्लॉक तत्वों के रूप में लिंक प्रदर्शित करना पूरे लिंक क्षेत्र को क्लिक करने योग्य (न सिर्फ टेक्स्ट) बनाता है, और यह हमें पैडिंग (और ऊंचाई, चौड़ाई, मार्जिन आदि आदि) पैडिंग निर्दिष्ट करने की अनुमति देता है: 8px - चूंकि ब्लॉक तत्व पूरी तरह से उपलब्ध हैं, वे एक-दूसरे के बगल में फ्लोट नहीं कर सकते हैं इसलिए, उन्हें अच्छा पृष्ठभूमि रंग बनाने के लिए कुछ पैडिंग निर्दिष्ट करें: dddddd - प्रत्येक तत्व के लिए एक ग्रे पृष्ठभूमि-रंग जोड़ें युक्ति: यदि आप एक पूर्ण-चौड़ाई पृष्ठभूमि रंग चाहते हैं तो प्रत्येक ltagt तत्व के बजाय पृष्ठभूमि रंग को जोड़ें: उल पृष्ठभूमि का रंग: dddddd क्षैतिज नेविगेशन बार उदाहरण एक गहरी पृष्ठभूमि रंग के साथ एक मूल क्षैतिज नेविगेशन पट्टी बनाएँ और जब उपयोगकर्ता उन पर माउस ले जाता है तो पृष्ठभूमि का रंग बदल दें: ul list-style-type: none margin: 0 padding : 0 अतिप्रवाह: छिपे हुए पृष्ठभूमि-रंग: 333 ली एक डिस्प्ले: ब्लॉक रंग: सफेद टेक्स्ट-संरेखित करें: केंद्र की गद्दी: 14 पीएक्स 16 पीएक्स पाठ-सजावट: कोई भी लिंक रंग को हॉवर पर 111 (काला) करने के लिए नहीं बदलता है a: hover background-color : 111 ActiveCurrent नेविगेशन लिंक वर्तमान लिंक में एक सक्रिय वर्ग को जोड़ने के लिए उपयोगकर्ता को पता है कि वह कौन सा पृष्ठ चालू है: सक्रिय पृष्ठभूमि-रंग: 4CAF50 राइट-संरेखित लिंक दाईं ओर सूची आइटम को फ़्लोट करके सही-संरेखित लिंक (फ्लोट: दाएं ): ltlgt ltligtlta hrefquothomequotgtH omeltagtltligt ltligtlta hrefquotnewsquotgtNewsltagtltligt ltligtlta hrefquotcontactquotgtContactltagtltligt ltli stylequotfloat: rightquotgtlta classquotactivequot hrefquotaboutquotgtAboutltagtltligt ltulgt सीमा परकार बॉर्डर-दायां संपत्ति लिंक विभाजक बनाने के लिए ltligt में जोड़ें: पिछले आइटम को छोड़कर सभी सूची आइटम के लिए एक ग्रे सही सीमा जोड़ें, (पिछले वाले बच्चे) ली बॉर्डर-दायां : 1 पीएक्स ठोस बीबीबी ली: अंतिम-बाल सीमा-दायें: कोई भी स्थिर नेविगेशन बार नॅविगेशन बार को पृष्ठ के ऊपर या नीचे स्थित बनाओ, तब भी जब उपयोगकर्ता पृष्ठ को स्क्रॉल करता है:
No comments:
Post a Comment