2011-10-03 5 views
6

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

enter image description here

यह लागू करने के लिए, दो बातें मेरे मन के लिए आते हैं:

  1. छोड़ दिया और सही नीले बार UIViews हैं। मैं सीमा को परिभाषित करने के लिए इन विचारों पर स्पर्श घटनाओं को संभालता हूं। इन दो सलाखों के बीच का मध्य क्षेत्र भी एक UIView है। मैं डेटा क्षेत्र को परिभाषित करने के लिए इसे बाएं/दाएं स्थानांतरित करने के लिए इस दृश्य पर स्पर्श घटनाओं को संभालता हूं।

  2. मैं नीले रंग की सलाखों की कार्यक्षमता प्राप्त करने के लिए एक डबल श्रेणी वाले यूआईस्लाइडर को कार्यान्वित कर सकता हूं। (मैंने पहले से ही यह सीखना सीखा है।) लेकिन फिर मुझे नहीं पता कि डेटा रेंज को परिभाषित करने के लिए स्लाइडर के शरीर को कैसे स्थानांतरित किया जाए। क्या यह संभव है?

इसके अलावा, क्या इसे लागू करने का एक और तरीका हो सकता है?

+0

मैं UISlider उपयोग करने से बचें चाहते हैं और सिर्फ एक कस्टम नियंत्रण बनाते हैं। –

उत्तर

7

आप इन projets दिलचस्प लग सकते हैं:

+1

हां ठीक है, मैंने iosrangeslider से कुछ प्रेरणा प्राप्त करके अपना नियंत्रण लागू किया। मैं एक ही सवाल पूछने वाले दूसरों के लिए आपका जवाब स्वीकार करूंगा। धन्यवाद। – aslisabanci

+3

+ https://github.com/muZZkat/NMRangeSlider - iosrangeslider – mixel

+0

@mixel द्वारा प्रेरित एक लाख धन्यवाद। वह विशेष स्लाइड अब तक का सबसे व्यापक उपलब्ध है –

0

एक कस्टम आईओएस नियंत्रण है कि आप मानों की एक श्रेणी के चयन के लिए यूआई की तरह एक UISlider देता है।

https://github.com/muZZkat/NMRangeSlider