फ्लेक्स बाहरी स्टाइलशीट सम्मेलन

Question

मुझे पता है कि इस विषय के बारे में प्रश्न हैं, लेकिन HTML के लिए। फ्लेक्स ऐप में बाहरी स्टाइलशीट का उपयोग करने के संबंध में कुछ अच्छे सम्मेलन क्या हैं। आप स्टाइलशीट को कैसे तोड़ेंगे (स्टाइलशीट के नाम और वे क्या शामिल हैं)?

Answer 1

फ्लेक्स कुछ ऐसा नहीं है जिसे मैंने निपटाया है, लेकिन मैंने कुछ शोध किया है। ऐसा लगता है कि एक दूरस्थ स्टाइलशीट कॉल करने के लिए कोड यह है:

नोट:: आप शैली एक आवेदन में इस्तेमाल किया चादरों की संख्या को सीमित करने की कोशिश करनी चाहिए और

<mx:Style source="com/example/assets/stylesheet.css" /> 

Flex Quick Start: Building a simple user interface: Styling your components इस कहते हैं एप्लिकेशन में केवल शीर्ष-स्तरीय दस्तावेज़ पर स्टाइल शीट सेट करें (दस्तावेज़ जो में टैग है)। यदि आपने बच्चे दस्तावेज़ में स्टाइल शीट सेट की है, तो अप्रत्याशित परिणाम हो सकते हैं।

ऐसा लगता है कि कई स्टाइलशीट वास्तव में संभव नहीं हैं। ऐसा लगता है कि आप अपनी स्टाइलशीट व्यवस्थित करना चाहते हैं, दृष्टिकोण के लिए कुछ विचारों के लिए Organizing Your Stylesheets और Architecting CSS देखें। ऐसा लगता है कि आपके पास कक्षाएं और मूल टैग हैं, लेकिन W3C stylesheet specifications फ़्लेक्स स्टाइलशीट विनिर्देश से अलग हैं।

गैर-फ्लेक्स डेवलपर के रूप में, नेमस्पेस नामस्थानों को व्यवस्थित करने के तरीके के रूप में दिलचस्प दिखता है: How to use the new CSS syntax in Flex 4।

Answer 2

फ्लेक्स बाहरी प्रोजेक्ट फ़ाइल को संकलित करते समय बाहरी सीएसएस फ़ाइल को संकलित करता है।

फ्लेक्स का उपयोग कर रनटाइम पर सीएसएस लोड करने का एक तरीका है; यह सीएसएस फ़ाइलों को एसडब्ल्यूएफ फाइलों में संकलित करके किया जा सकता है और उन्हें StyleManager.loadStyleDeclarations का उपयोग कर रनटाइम पर लोड किया जा सकता है।

अधिक जानकारी के लिए LiveDocs on Stylesheets at Run Time देखें।

Answer 3

कुछ सम्मेलनों हम स्टाइलशीट का आयोजन करने में उपयोग करें:

• एक main.css स्टाइलशीट कि आधार आवेदन skinning के लिए डेटा के सभी रखती है।
• मुख्य एप में सभी फोंट स्टोर करने के लिए fonts.css स्टाइलशीट है, क्योंकि ये काफी गन्दा हो सकता है।

main.css स्टाइलशीट <mx:Style source="main.css"/> टैग के माध्यम से मुख्य swf में शामिल है। हम अपने ऐप को जितना संभव हो उतना छोटा लोड करते हैं, और एक बार सबकुछ लोड हो जाने पर, अगर हमें तुरंत कुछ टेक्स्ट दिखाने की ज़रूरत होती है (कभी-कभी हमारे पास एक विज्ञापन साइट है तो वीडियो चलाएं), हम मुख्य तत्वों में फीका/ट्विन करते हैं और लोड करते हैं रनटाइम पर StyleManager.loadStyleDeclarations के माध्यम से fonts.css।

• यदि हमारे पास एक व्यवस्थापक पैनल है, तो हमारे पास admin.css स्टाइलशीट है जिसे हम रनटाइम पर लोड करते हैं क्योंकि मुख्य ऐप को इसकी आवश्यकता नहीं होती है।

हम उस से अब और सीएसएस ऊपर विभाजित करने के लिए है क्योंकि हम आम तौर पर एक Theme में खाल का पूरा सेट बनाने ताकि जरूरत नहीं है, स्टाइलशीट सिर्फ घटकों के लिए उन खाल लागू करने और सुंदर दुबला है (का उपयोग करते हुए फ्लेक्स 4)।मैं कुछ भी छोटे (जैसे "pages.css", "comments.css", "popups.css", या यहां तक ​​कि "control.css", आदि में स्टाइलशीट को विभाजित नहीं करता है क्योंकि यह अधिक कुशल होगा और प्रबंधित करने के लिए बहुत अधिक होगा बदले में थोड़ा सा। यह एचटीएमएल के साथ आम है, लेकिन ऐसा इसलिए है क्योंकि एचटीएमएल को अच्छी प्रस्तुति के लिए सीएसएस की आवश्यकता है; फ्लेक्स सीएसएस के बिना पूरी तरह से कर सकता है।

विकास करते समय, हम में से एक आमतौर पर ज्यादातर त्वचा विकसित करता है (एक डिफ़ॉल्ट वायरफ्रेम सेटअप होने पर, ScaleNine पर पाए जाते हैं जैसे कि वे फ़ोटोशॉप/फ्लैश/बाद के प्रभाव करते हैं। पुनः संयोजित करने का कोई तरीका नहीं है सीएसएस एसएफएफ अगर आप परिवर्तन करते हैं। लेकिन अगर इसे रनटाइम पर लोड किया जाता है, तो आपको केवल सीएसएस फ़ाइल को फिर से कंपाइल करना होगा, न कि मुख्य एसएफएफ, जो कि उपयोगी है लेकिन कट्टर त्वचा के विकास के दौरान वास्तव में उपयोगी नहीं है।

मैंने इसे रखने की कोशिश की मुख्य स्टाइलशीट विकास के दौरान अलग (एक कस्टम थीम में), और इसने विकास को बहुत कठिन बना दिया, क्योंकि हर बार जब मैंने बदलाव किया था तो मुझे अलग-अलग सीएसएस को फिर से कंपाइल करना पड़ा और कभी-कभी मुझे मुख्य ऐप को फिर से कंपाइल करना पड़ता था, और वहां अजीब थे और हार्ड-टू-ट्रैक-डाउन बग, आदि। फिर मैं कंप था दो अलग-अलग ऐप्स iling। इसलिए मैं मुख्य ऐप के मुख्य सीएसएस फ़ाइल हिस्से को रखने की सलाह देता हूं।

यदि आप कुछ भी पुनः संयोजित किए बिना रनटाइम सीएसएस चाहते थे, तो Ruben's CSS Loader आज़माएं और the source देखें। लेकिन वह रनटाइम प्रदर्शन लागत पर आएगा।