😅 🎙️ 👷🏼 चार दिशाओं में दो - नहीं में साइडिंग 🌿 🧕 🖐🏽

Android ViewPager के तहत स्क्रीन स्लाइडिंग के बारे में Habré लेख पर, ViewPagerIndicator एक से अधिक बार मिले। मैं चार दिशाओं में स्लाइड का विकल्प देना चाहता हूं।

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

मुझे कहना होगा कि मैंने स्क्रैच से शुरू नहीं किया था, इसका आधार था यहां से RealViewSwitcher का क्षैतिज स्लाइड कार्यान्वयन।
तो, पूरे कार्यान्वयन को एक कक्षा TwoDirectionsViewSwitcher में रखा गया है, जो कि व्यूग्रुप से विरासत में मिला है। आवश्यक कार्यक्षमता को लागू करने के लिए, यह आधार वर्ग के निम्नलिखित तरीकों को ओवरराइड करने के लिए पर्याप्त है:

ऑनस्क्रीन विधि भविष्य के स्क्रीन के लिए आयाम निर्धारित करती है:

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

OnLayout स्क्रीन प्रदर्शित करता है और वास्तव में उन्हें लाइनों में विभाजित करता है (लाइनों की संख्या कंस्ट्रक्टर में पारित हो जाती है):

 protected void onLayout(boolean changed, int l, int t, int r, int b)

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

 public TwoDirectionsViewSwitcher(Context context, int rows)

ऑन-स्क्रीन स्क्रीन को छूने के लिए निम्नलिखित मुख्य विधि:

 public boolean onTouchEvent(MotionEvent ev)

और अंतिम, चाइल्ड स्क्रीन के लिए कम्प्यूट्यूट स्क्रॉलिंग विधि:

 public void computeScroll()

अब हम कक्षा के कुछ प्रमुख तरीकों पर अधिक विस्तार से ध्यान देंगे। OnLayout विधि।

यहां सब कुछ सरल है, एक नेस्टेड लूप को लाइनों की संख्या द्वारा लागू किया जाता है और प्रत्येक बाद की स्क्रीन के लिए ऑफ़सेट सेट किए जाते हैं।

एक और अधिक परिष्कृत विधि onTouchEvent स्क्रीन टच हैंडलर है।

यहाँ यह मानक कार्यान्वयन से अलग है, विभिन्न प्रकार के कार्यों को संसाधित किया जाता है:

MotionEvent.ACTION_DOWN - स्क्रीन को स्पर्श करें;
MotionEvent.ACTION_MOVE - छूने के बाद स्क्रीन पर आंदोलन;
MotionEvent.ACTION_UP - आंदोलन को समाप्त करना (स्क्रीन से उंगली उठाना)

ईवेंट हैंडलर MotionEvent.ACTION_DOW में, स्क्रीन पर आंदोलन की शुरुआत का तथ्य निर्धारित किया जाता है, स्क्रीन के वर्तमान एक्स और वाई पदों को सेट किया जाता है, और स्क्रॉलिंग की शुरुआत का संकेत सेट किया जाता है।

MotionEvent.ACTION_MOVE हैंडलर स्क्रीन द्वारा विस्थापन को संभालता है (वह मामला जब विस्थापन ViewConfiguration.get (getContext ()) विधि द्वारा लौटाए गए मान से अधिक हो जाता है। Get -caledTouchSlop ()), X और Y के साथ स्क्रॉल मान की गणना की जाती है और आंदोलन की दिशा निर्धारित होती है।

  //   X final int deltaX = (int) (mLastMotionX - x); //   Y final int deltaY = (int) (mLastMotionY - y); mLastMotionX = x; mLastMotionY = y; //  View     final int scrollX = getScrollX(); final int scrollY = getScrollY(); //   ,     if (Math.abs(deltaX) > Math.abs(deltaY) && isMoveBegin) { isMoveBegin = false; isXMove = true; isYMove = false; } else if (Math.abs(deltaX) < Math.abs(deltaY) && isMoveBegin) { isMoveBegin = false; isXMove = false; isYMove = true; } //     if (isXMove) { if (deltaX < 0) { if (scrollX > 0) { scrollBy(Math.max(-scrollX, deltaX), 0); } } else if (deltaX > 0) { final int availableToScroll = getChildAt(getChildCount() / mRows -1).getRight() - scrollX - getWidth(); if (availableToScroll > 0) { scrollBy(Math.min(availableToScroll, deltaX), 0); } } } //     else if (isYMove) { if (deltaY < 0) { if (scrollY > 0) { scrollBy(0, Math.max(-scrollY, deltaY)); } } else if (deltaY > 0) { final int availableToScroll = getChildAt(getChildCount() - 1).getBottom() - scrollY - getHeight(); if (availableToScroll > 0) { scrollBy(0, Math.min(availableToScroll, deltaY)); } } } } break;

इसके अलावा, तीन चर isXMove, isYMove, isMoveBegin कुल्हाड़ियों के साथ ऑर्थोगोनल आंदोलन के लिए पेश किए जाते हैं। MotionEvent.ACTION_DOWN को संसाधित करते समय अंतिम में से कौन सा सत्य है।

अगला, वास्तव में कई उपयोगिता विधियों का उपयोग करके स्क्रीन को स्क्रॉल करना।

MotionEvent.ACTION_UP हैंडलर स्क्रीन की स्क्रॉलिंग को पूरा करने और कार्यशील चर को रीसेट करने के लिए जिम्मेदार है। यदि स्क्रीन आधे से अधिक स्थानांतरित हो गई है, तो यह अगली स्क्रीन तक स्क्रॉल करता है, अन्यथा पुरानी स्क्रीन अपनी मूल स्थिति में लौट आती है।

मैं उस क्षण पर भी ध्यान देना चाहूंगा जब आपको पहली स्क्रीन पर नहीं बल्कि कक्षा की एक आवृत्ति बनाते समय मनमाने ढंग से चलना होगा। ऐसा करने के लिए, कंस्ट्रक्टर बनाया गया था:

  public TwoDirectionsViewSwitcher(Context context, int rows, int currentScreen) { super(context); mCurrentScreen = currentScreen; mRows = rows; init(); }

ऑनमार्ट विधि में , पहले खोलने पर, शुरू में सेट की गई स्थिति संसाधित होती है:

  if (mFirstLayout) { int row = mCurrentScreen / (getChildCount() / mRows); int cell = mCurrentScreen % (getChildCount() / mRows); scrollTo(cell * width, row * height); mFirstLayout = false; }

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

उपयोग उदाहरण के साथ पूरा प्रोजेक्ट कोड github TwoDirectionsViewSwitcher पर प्रकाशित हुआ है।

चार दिशाओं में दो - नहीं में साइडिंग

More articles: