एक एक्सर प्रोटोटाइप में चल रहे तत्व

आज मैं एक समस्या में भाग गया जिसका समाधान मैं साझा करना चाहूंगा। यह पोस्ट उन लोगों के लिए उपयोगी होगा जो अपने एक्सुर प्रोटोटाइप को यथासंभव इंटरैक्टिव बनाने की कोशिश करते हैं।

तो चुनौती। प्रोटोटाइप पर अन्य वस्तुओं की एक पारी के साथ एक वस्तु के अलावा पर कल्पना करें। उदाहरण के लिए, एक ऑनलाइन परामर्श सेवा में एक प्रश्न के अलावा ले लो।



यह सुनिश्चित करना आवश्यक है कि जब आप "भेजें" बटन पर क्लिक करते हैं, तो एक नया सवाल पुराने लोगों के ऊपर दिखाई देता है, और पुराने, बदले में, नीचे शिफ्ट करते हैं। इस तरह:



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

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



इन परिणामों के बाद, तत्व और उसकी घटना का चयन करें, जिसके अनुसार तत्वों की शिफ्ट होनी चाहिए:



और हम मूव पैनल (एस) एक्शन को जोड़ते हैं, वांछित पैनल का चयन करते हैं और सापेक्ष शिफ्ट वैल्यू का संकेत देते हैं (बस एक संख्या - पिक्सल की उचित संख्या से नीचे शिफ्ट, एक माइनस के साथ एक नंबर - अप शिफ्ट):



उदाहरण से प्रोटोटाइप को डाउनलोड किया जा सकता है: petwork.ru/data/stuff/move-object-example.rp

यह सरल लगता है, लेकिन जटिल प्रोटोटाइप पर यह अत्याचार हो सकता है।

पुनश्च मैं और अधिक सुंदर समाधान अपनाने के लिए खुशी होगी, यदि कोई हो।