3DTouch - iPhone पर तराजू: प्रारंभ करना

IPhone 6s और iPhone 6s Plus ने 3D टच तकनीक का समर्थन करने वाली स्क्रीन के साथ बाजार में प्रवेश किया, प्लम और आड़ू तौलने के लिए एक ऐप लगभग तुरंत ऐप स्टोर में दिखाई दिया।



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

बहुत जल्दी, इस एप्लिकेशन को ऐप स्टोर से हटा दिया गया था। व्यक्तिगत रूप से, यह मुझे लगता है कि यह संकीर्ण सोच वाले उपयोगकर्ताओं के कारण किया गया था जिन्होंने अपने उपकरणों पर पाउंड वज़न का वजन करने की कोशिश की थी। बेशक, उपकरण टूट गए और वे उन्हें सेवा केंद्रों में ले गए। और वहां उन्होंने श्रृंखला से कुछ कहा: "आवेदन आधिकारिक स्टोर से डाउनलोड किया गया था, और उन्होंने वहां चेतावनी नहीं दी थी कि यह असंभव था ..."।

नतीजतन, स्टोर में ऐसे कोई एप्लिकेशन नहीं हैं, लेकिन कोई भी हमें इसे अपने लिए बनाने से नहीं रोकेगा।

कार्य

हमें एक आवेदन लिखना होगा, जिसमें एक नियंत्रक होता है, जिस पर एक आमंत्रित शिलालेख होगा, स्क्रीन के केंद्र में एक खींचा हुआ सर्कल, ग्राम में वजन के संकेतक और निर्धारित बल का प्रतिशत (आगे पाठ में यह अधिक स्पष्ट होगा)। जब आप स्क्रीन पर क्लिक करते हैं, तो स्पर्श बिंदु पर एक चक्र दिखाई देगा, जो दबाव के आधार पर बढ़ेगा या घटेगा। यह तुरंत कहा जाना चाहिए कि एक सिम्युलेटर पर इस तरह के एक आवेदन का परीक्षण नहीं किया जा सकता है। इसलिए, आपको एक वास्तविक डिवाइस पर एप्लिकेशन को चलाने की आवश्यकता होगी। अंत में, आपको ऐसा आवेदन प्राप्त करना चाहिए:

परियोजना निर्माण

Xcode खोलें, एक नया प्रोजेक्ट बनाएं, सिंगल व्यू एप्लीकेशन टेम्पलेट

Xcode में एक इंटरफ़ेस का निर्माण

स्टोरीबोर्ड पर जाएं, कंट्रोलर पर तत्वों के पुस्तकालय से कई यूबिल को खींचें, उन्हें नियंत्रक के ऊपरी या निचले किनारों के करीब रखें। यह इस तरह निकला:



सौंदर्य अपील के लिए, हम उस जगह को उजागर करेंगे जहां हम वस्तुओं को एक लाल घेरे में डाल देंगे। आप एक सर्कल के साथ एक तैयार चित्र ले सकते हैं, लेकिन यह हमारी विधि नहीं है))। हम कोर ग्राफिक्स के तरीकों का उपयोग करके हलकों को आकर्षित करेंगे। यह UIView से एक इनहेरीटर वर्ग बनाने के लिए अधिक सुविधाजनक होगा और पहले से ही इसके साथ काम करेगा।

प्रोजेक्ट में एक नई फ़ाइल जोड़ें, इसे ScaleView नाम दें । इस फ़ाइल में एक स्केल व्यू क्लास बनाएं, जो UIView से विरासत में मिला है।

import UIKit class ScaleView: UIView { override func draw(_ rect: CGRect) { } } 

इसके बाद, StoryBoard पर जाएं , इसे UIView तत्वों के पुस्तकालय से नियंत्रक में स्थानांतरित करें और इसे हमारे नियंत्रक के केंद्र में रखें। नए जोड़े गए UIView का चयन करें और आइडेंटिटी इंस्पेक्टर ने ScaleView वर्ग सेट किया जो हमने पहले बनाया था।



साथ ही, स्थिरांक की सहायता से, आप स्क्रीन पर तत्वों की सापेक्ष व्यवस्था के लिए नियम निर्धारित कर सकते हैं। यह मेरे लिए इस तरह दिखता है:

मंडलियां बनाएं

ScaleView.swift फ़ाइल पर जाएं। स्केलव्यू क्लास में , हमने ड्रा (_ rect :) विधि बनाई, जिसका उपयोग हम इस UIView के प्रदर्शन क्षेत्र के अंदर करने के लिए करेंगे।

निम्नलिखित कोड को ड्रा (_ rect :) विधि में जोड़ें

 override func draw(_ rect: CGRect) { let context = UIGraphicsGetCurrentContext() // 1 context?.setStrokeColor(UIColor.red.cgColor) // 2 context?.setLineWidth(14.0) // 3 context?.addArc(center: CGPoint(x: 375 / 2, y: 375 / 2), radius: 375 / 2 - 14, startAngle: 0, endAngle: 2 * CGFloat(M_PI), clockwise: true) // 4 context?.strokePath() // 5 } 

1. हमें ग्राफिक संदर्भ मिलता है जिसमें हम आकर्षित करेंगे
2. हम उस रंग को सेट करते हैं जिसके साथ हम आकर्षित करेंगे। इस मामले में लाल है
3. उस रेखा की चौड़ाई निर्धारित करें जिसके साथ हम आकर्षित करेंगे।
4. हम एक चाप के रूप में ड्राइंग के लिए पथ निर्धारित करते हैं, जिसका केंद्र स्केलव्यू के केंद्र में स्थित है, जिसमें स्केल व्यू 14 की चौड़ाई के बराबर त्रिज्या है (यह दृश्य दृश्य में चाप को फिट करना है), और एक लंबी चाप - पूरे परिधि के आसपास 360 डिग्री। कृपया ध्यान दें कि स्थिरांक का उपयोग करके मेरी चौड़ाई अंक पिछले पैराग्राफ में हार्ड-कोडित हैं।
5. हम दिए गए मापदंडों के साथ दिए गए पथ पर आकर्षित होते हैं

आप इसे सत्यापन के लिए संकलित कर सकते हैं, लेकिन आप इंटरफ़ेस बिल्डर में सीधे परिवर्तन प्रदर्शित करने के लिए एक निर्देश भी सेट कर सकते हैं।

सभी जादू @IBDesignable निर्देश में। इस निर्देश के साथ स्केल व्यू वर्ग को चिह्नित करें ।

 import UIKit @IBDesignable class ScaleView: UIView { override func draw(_ rect: CGRect) { let context = UIGraphicsGetCurrentContext() context?.setStrokeColor(UIColor.red.cgColor) context?.setLineWidth(14.0) context?.addArc(center: CGPoint(x: 375 / 2, y: 375 / 2), radius: 375 / 2 - 14, startAngle: 0, endAngle: 2 * CGFloat(M_PI), clockwise: true) context?.strokePath() } } 

उसके बाद, StoryBoard पर जाएं , थोड़ा इंतजार करें और आपको ViewController के केंद्र में एक चित्रित लाल सर्कल दिखाई देगा



आइए अभ्यास करें और एक और वृत्त को छोटा और पतला खींचें। ऐसा करने के लिए, ScaleView फ़ाइल में निम्न कोड को ड्रा (_ rect :) विधि में जोड़ें :

 context?.setLineWidth(1.0) context?.setStrokeColor(UIColor.lightGray.cgColor) context?.addArc(center: CGPoint(x: 375 / 2, y: 375 / 2), radius: 375 / 4 - 14, startAngle: 0, endAngle: 2 * CGFloat(M_PI), clockwise: true) context?.strokePath() 

मुझे लगता है कि यह स्पष्ट है, और इसलिए हमने जोड़ा। वास्तव में, हमने स्केलव्यू की चौड़ाई और एक बिंदु की चौड़ाई के एक और सर्कल, ग्रे, रेडी को जोड़ा ।

StoryBoard में परिणाम:



हमारे प्रारंभिक कार्य का अंतिम पैमाना स्केलएव्यू और दो यूबिलैब के लिए आउटलेट्स का निर्माण होगा, जो स्क्रीन को प्रतिशत में दबाने और ग्राम में वजन को दिखाने की ताकत दिखाएगा। Ctrl- ViewController से आइटम खींचने से आवश्यक आउटलेट बन जाएंगे।

 @IBOutlet weak var scaleView: ScaleView! @IBOutlet weak var forceLabel: UILabel! @IBOutlet weak var grammLabel: UILabel! 

सीधे - सीधे तराजू

इसलिए, हम स्क्रीन को दबाने के बल को मापने के क्षण के करीब आए। ViewController पर जाएं और viewDidLoad () पद्धति में सभी UILabel के लिए स्टार्ट वैल्यू जोड़ें

 override func viewDidLoad() { super.viewDidLoad() forceLabel.text = "0% force" grammLabel.text = "0 " } 

स्क्रीन टैप से जुड़ी सभी प्रक्रियाओं की तरह, नियंत्रक में उन्हें टचवेस्ट में पकड़ा जा सकता है (_: :) विधि। यह विधि तब काम करती है जब स्क्रीन समय में छूती है। यानी यदि उंगली स्क्रीन पर है या उस पर चलती है, तो यह विधि काम करती है और आप सभी स्पर्श और उनके गुणों को ट्रैक कर सकते हैं। इसे ViewController में जोड़ें और निम्नलिखित कोड लिखें:

 override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) { if let touch = touches.first { // 1 if #available(iOS 9.0, *) { // 2 if traitCollection.forceTouchCapability == UIForceTouchCapability.available { // 3 if touch.force >= touch.maximumPossibleForce { // 4 forceLabel.text = "100%+ force" grammLabel.text = "385 " } else { let force = (touch.force / touch.maximumPossibleForce) * 100 // 5 let grams = force * 385 / 100 // 6 let roundGrams = Int(grams) // 7 forceLabel.text = "\(Int(force))% force" // 8 grammLabel.text = "\(roundGrams) " } } } } } 

तुला आईओएस आवेदन के सभी यांत्रिकी इस विधि है। बाकी सब कुछ जो हम इस पाठ में आगे करेंगे वह सुधार है। हमने पहले ही सभी बुनियादी काम कर लिए हैं। चलो इसे अलग ले जाओ

1. स्क्रीन के टच के पूरे सेट से, हम पहले को चुनते हैं
2. यह निर्देश डिवाइस पर स्थापित ऑपरेटिंग सिस्टम की जांच करता है और केवल तभी आगे बढ़ता है जब ऑपरेटिंग सिस्टम संस्करण 9.0 या अधिक है। 3 डी टच के साथ काम केवल iOS के 9 वें संस्करण के साथ संभव हो गया। पहले के संस्करणों के दर्द में इसे संभालने की कोशिश करने का कोई मतलब नहीं है
3. और इस पंक्ति में, डिवाइस को 3 डी टच फ़ंक्शन के साथ स्क्रीन के लिए समर्थन के लिए परीक्षण किया जा रहा है। आखिरकार, आईओएस संस्करण 10 भी आईफोन 6 पर खड़ा हो सकता है, लेकिन इससे इस स्मार्टफोन की स्क्रीन दबाने के बल को भेदना शुरू नहीं करेगी। यह निरीक्षण सख्त Apple आवश्यकताओं के तहत किया जाना चाहिए।
4. एक स्पर्श में एक बल गुण होता है जिसमें प्रत्येक बार स्पर्श करने पर बल संचारित होता है। (_: :) विधि काम करती है। और इस पंक्ति में हम वर्तमान दबाव बल के मूल्य और दबाव बल के अधिकतम संभव मूल्य की तुलना करते हैं। और यदि दबाने वाली शक्ति अधिकतम से अधिक है, तो हमारे यूआईबेल में हम अधिकतम मूल्यों को स्थानांतरित करते हैं, अर्थात् बल का 100 % और 385 ग्राम। यह ध्यान दिया जाना चाहिए कि यह 385 ग्राम क्यों है। तथ्य यह है कि 3 डी टच तकनीक इस तरह से बनाई गई है कि 100% दबाव बल 385 ग्राम से मेल खाती है। तदनुसार, दबाने के बल का प्रतिशत प्राप्त करें, हम आसानी से ग्राम में वजन की गणना कर सकते हैं।
5. यहाँ हम ये गणना करते हैं। इस पंक्ति में हम दबाव के प्रतिशत की गणना करते हैं
6. यहां हम ग्राम में वजन की गणना करते हैं, सूत्र 100% = 385 ग्राम के आधार पर
7. यह पूरे के लिए ग्राम की एक सरल गोलाई है
8. हम अपने यूबिल के ग्राम में प्रतिशत शक्ति और वजन को पास करते हैं

एप्लिकेशन को शुरू करने और जांचने से पहले, आपको एक और तरीका जोड़ना होगा जो तब काम करता है जब स्क्रीन पर सभी टच टच हो जाते हैं और (: :) , ताकि हमारे UILabels की प्रारंभिक स्थिति निर्धारित हो सके और उनमें 0% और 0 ग्राम मानों को पास किया जा सके। इस विधि को ViewController क्लास में जोड़ें।

 override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) { forceLabel.text = "0% force" grammLabel.text = "0 " } 

अब आप एप्लिकेशन को संकलित कर सकते हैं और जांच सकते हैं। बेशक, आपको परिणाम देखने के लिए वास्तविक डिवाइस पर ऐसा करने की आवश्यकता है। सिम्युलेटर स्क्रीन पर बल क्लिकों का अनुकरण करने में सक्षम नहीं है।

शोधन

मुख्य कार्यक्षमता तैयार है, लेकिन जब मैंने इस एप्लिकेशन को लिखा, तो मैंने तीन चीजों को जोड़ने का फैसला किया:

1. अधिकतम मूल्य तक पहुंचने पर, मैं काम करने के लिए कंपन प्रतिक्रिया चाहता हूं
2. यूआईबेल में मूल्यों को अपडेट करना बहुत जल्दी होता है, (मुझे लगता है कि आपने परीक्षण करते समय इस पर ध्यान दिया था) इसलिए आपको कुछ चिकनाई जोड़ने की आवश्यकता है।
3. दबाने के बिंदु पर एक अर्धवृत्ताकार चक्र दिखाई देना चाहिए। इसका व्यास बढ़ते दबाव के साथ बढ़ना चाहिए और घटते दबाव के साथ कम होना चाहिए

हम निम्नलिखित लेखों में इन परिवर्धन से निपटेंगे :-)