2012-08-24 32 views
5

मुझे यह कहकर शुरू करना है कि मैंने रीढ़ की हड्डी/jQuery मोबाइल के संयोजन और रीढ़ की हड्डी/सेन्चा की तुलनाओं के उपयोग से संबंधित बहुत सारे प्रश्न और ब्लॉग पोस्ट पढ़े हैं, और वास्तव में कुछ समय के लिए इस जगह में मेरा सिर था लेकिन अभी भी मुझे जो कुछ भी दिख रहा है वह नहीं मिला है।कुछ सेन्चा/एन्यो स्टाइल फीचर्स के लिए रीढ़ की हड्डी संगत यूआई/घटक लाइब्रेरी

मैं सेन्चा से बहुत परिचित हूं और इसे अतीत में लिपटे (फोनगैप इत्यादि) ऐप्स के लिए उपयोग किया है, और मुझे यह वाकई पसंद है। हालांकि वेब परियोजनाओं के लिए एक छोटे कोड बेस और ब्राउज़र संगतता और कई अन्य कारणों पर अधिक नियंत्रण के लिए यह कुछ कार्यों के लिए काफी उपयुक्त नहीं है।

जब मैं खरोंच से मोबाइल (लेकिन यह भी डेस्कटॉप और टेबलेट) रीढ़ की हड्डी webapps मुझे लगता है मैं तीन प्रमुख बातों

याद इंजीनियर की कोशिश कर रहा शुरू
  • जनरल मोबाइल 'init', स्क्रीन आदि भरने (हालांकि यह है सबसे आसान दोहराने के लिए)
  • टैब्ड, आईओएस शैली, नेविगेशन (बेशक मैं अपने खुद के रोल कर सकते हैं, लेकिन यह मूर्खतापूर्ण लगता है)
  • स्क्रॉलिंग - दोनों सामग्री के किसी भाग स्क्रॉल, लेकिन विशेष रूप हिंडोला और कैसे हिंडोला है टैब्ड इंटरफ़ेस से जुड़े

मुझे पूरे डिवाइस में प्रत्येक डिवाइस की मूल ओएस शैली की नकल करने के बारे में बड़े पैमाने पर परेशान नहीं किया जाता है, और वास्तव में (कुछ समझदार सम्मेलनों का पालन करते समय) उन्हें थोड़ा अलग दिखने के लिए पसंद करेंगे।

एम्बर के पास flame है और मैंने पहले इसका उपयोग किया है, यह वही चीज़ है जिसे मैं ढूंढ रहा हूं।

मुझे पता है कि मैं jQuery मोबाइल, कस्टम स्क्रिप्ट, जेक्यू प्लगइन्स/आईएसरोल, सीएसएस लाइब्रेरीज़, रीढ़ की हड्डी यूआई इत्यादि का टूलकिट बना सकता हूं और अपने स्वयं के 'स्टैक' को संकलित करने के विचार की तरह करता हूं लेकिन किसी कारण से यह बस करता है सही महसूस नहीं कर रहा हूँ।

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

मैं कुछ भी पागल नहीं कर रहा हूं, old sencha oreilly example की तरह कुछ कहें लेकिन कुछ कैरोलल्स का उपयोग करके, और मैं कई डिवाइस और ब्राउज़र को उत्तरदायी सीएसएस और जेएस के मिश्रण के साथ कवर करता हूं।

मैं इस पर अपने आप को भी तलाश जारी है और वापस रिपोर्ट अगर मैं दिलचस्प कुछ भी

चीयर्स

संपादित

खोजने के लिए जा रहा हूँ इस की जांच कर रहे हैं, मैं अपने ही वास्तव में महसूस किया जबकि कैरोसेल और स्क्रॉलिंग जो मैं वास्तव में सेन्चा से चाहता था। मैंने देखा कि क्यूबिक में एक अच्छा स्लाइडव्यू घटक है जो कैरोसेल को बहुत अच्छी तरह से और एक छोटे पदचिह्न के साथ संभालता है। मुझे लंबवत स्क्रॉलिंग के लिए मूल iscroll के साथ इसका उपयोग करने के बारे में एक stackoverflow जवाब मिला। How to use iScroll4 with SwipeView?

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

त्वरित संपादन

आप slideview https://dl.dropbox.com/u/81328343/scroll/1.html के लिए टैब के लिए घटनाओं संलग्न कर सकते हैं लेकिन इस समय, यह केवल अगले/पिछला के लिए एनिमेट होने और नहीं प्रत्यक्ष पेज (टैब) का उपयोग

+0

कुछ नोट्स ... – joevallender

+0

भी स्पष्ट करने के लिए - बिंदु प्रत्येक बार पुस्तकालयों को एकजुट नहीं कर रहा है, लेकिन अब उन्हें – joevallender

+0

लिंक करने वाली पुन: प्रयोज्य लाइब्रेरी लिखने के लिए आप KendoUI या KendoUI मोबाइल देख सकते हैं। केवल मुक्त स्रोत के लिए निशुल्क, लेकिन यह भी है। – Botis

उत्तर

0

मैं का उपयोग किया है रीढ़ के साथ ट्विटर बूटस्ट्रैप ...

http://twitter.github.com/bootstrap/

+0

इसके लिए धन्यवाद, लेकिन मैं कुछ समृद्ध यूआई घटकों के बारे में सोच रहा था। मैं सहमत हूं कि बूटस्ट्रैप कई परियोजनाओं की शुरुआत में निर्माण करने के लिए एक अच्छी बात है! – joevallender

1

Webix

घटकों की बहुत बड़ी लाइब्रेरी।