एंड्रॉइड पी में बैंग्स समझाएं। एंड्रॉइड कटआउट के साथ क्या करना है?

सितंबर 2007 को जला दिया गया। यह सितंबर 2017 था, ऐप्पल ने iPhone X को पेश करते हुए फैशन को वापस लौटा दिया। यह आश्चर्य की बात नहीं है कि चीन के हमारे दोस्तों ने दो बार बिना सोचे-समझे इस डिज़ाइन को Apple से कॉपी कर लिया (हालाँकि बहुत ही पहला मिनी-फ्रिंज अभी भी एसेंशियल फोन में था, जो बंद नहीं हुआ)। लेकिन अब हम क्या देखते हैं? Huawei P20, Asus Zenfone 5, OnePlus 6, Motorola One Power, Xiaomi Redmi 6 और अन्य कम या ज्यादा प्रसिद्ध निर्माता पहले से ही धमाके के साथ फोन का उत्पादन या घोषणा करते हैं। सैमसंग और Google इस दौड़ में अंतिम मजबूती के लिए संघर्ष के लिए प्रचार के अंतिम गढ़ थे। या नहीं? अफवाहों के अनुसार, Google Pixel 3 XL इस क्रैप के साथ ग्रेसफुल नेकलाइन के साथ भी होगा। खैर, हम, डेवलपर के रूप में, केवल इस कटआउट के लिए अपने एप्लिकेशन का अनुकूलन कर सकते हैं ताकि उपयोगकर्ता उन्हें आराम से उपयोग करना जारी रख सकें। मैं बिल्ली के नीचे विवरण मांगता हूं।



सबसे पहले, हमें यह पता लगाना होगा कि क्या एप्लिकेशन को किसी अनुकूलन की आवश्यकता है?
यदि आपके पास एक फुलस्क्रीन एप्लिकेशन है या windowActionBarOverlay = true थीम में मौजूद है, तो इसकी सबसे अधिक आवश्यकता है।

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

1. एक परीक्षण उपकरण / एमुलेटर तैयार करें

बैंग्स के साथ अपने आवेदन का परीक्षण करने के लिए, आपको एंड्रॉइड पी। वर्तमान में, एंड्रॉइड पी पूर्वावलोकन 5 निम्नलिखित उपकरणों के लिए उपलब्ध है (धन्यवाद, प्रोजेक्ट ट्रेबल के लिए धन्यवाद):
आवश्यक फोन
Google पिक्सेल 2;
Google पिक्सेल 2 XL;
Google पिक्सेल
Google पिक्सेल XL
नोकिया 7 प्लस;
वनप्लस 6;
ओप्पो आर 15 प्रो;
सोनी एक्सपीरिया एक्सज़ेड 2;
विवो X21UD;
विवो X21;
Xiaomi Mi Mix 2S

अपने डिवाइस पर Android P इंस्टॉल करने के लिए, बस यहां जाएं और अपने डिवाइस के लिए "बीटा प्राप्त करें" पर क्लिक करें। इसे हवा के माध्यम से प्राप्त करना या इसे स्वयं रोल करना - पसंद आपकी है। साइट पर निर्देश संलग्न हैं।
लेकिन अगर आप डिवाइस पर एंड्रॉइड पी स्थापित नहीं कर सकते हैं या नहीं करना चाहते हैं, तो किसी ने एमुलेटर को रद्द नहीं किया है। यहाँ सेटअप निर्देश।

2. धमाके पर ही प्रोग्राम चालू करें (यदि कोई हार्डवेयर नहीं है)

यहां सब कुछ सरल है: सिस्टम पर जाएं -> डेवलपर विकल्प -> एक कटआउट के साथ एक डिस्प्ले का अनुकरण करें।
चुनने के लिए 3 विकल्प हैं:

• कोना
• दोहरा
• लंबा

वे इस प्रकार दिखते हैं:

कोना	दोहरा	लंबा

3. मुख्य स्क्रीन के माध्यम से चलो

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

अन्वेषण	प्रोफ़ाइल

अब देखते हैं कि लेआउट खामियों को खत्म करने के तरीके क्या हैं।

CompileSdkVersion को उठाए बिना

20 API से शुरू होकर, WindowInsets वर्ग दिखाई दिया है, जो एक Rect ऑब्जेक्ट है जो स्क्रीन के सुलभ और दुर्गम भागों का वर्णन करता है। उनके साथ मिलकर, ऐसे तरीके दृश्य में दिखाई दिए जिनका उपयोग हम स्क्रीन के दुर्गम भागों के निर्देशांक को संसाधित करने के लिए कर सकते हैं:

 WindowInsets dispatchApplyWindowInsets(WindowInsets); WindowInsets onApplyWindowInsets(WindowInsets); void requestApplyInsets(); void setOnApplyWindowInsetsListener(OnApplyWindowInsetsListener); 

उनका उपयोग करने के तरीके के विवरण यहां दिए गए हैं ।

इन विधियों का उपयोग करने के दो तरीके हैं:
a) टैग android:fitsSystemWindows="true" अपने लेआउट या लेआउट में लेआउट में;
बी) इसे कोड से करें:

 layout.setFitsSystemWindows(true); layout.requestApplyInsets(); 

यह था	बन गया है

संस्करण 28 पर कंपाइलएसडेक वर्जन अपग्रेड करें

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

तो, एंड्रॉइड पी अब हमें कौन से विकल्प प्रदान करता है?

A. WindowManager.LayoutParams में 3 नए झंडे हैं:

• LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT - इस झंडे के साथ बैंग केवल पोर्ट्रेट मोड में एप्लिकेशन स्क्रीन के ऊपर होगा, परिदृश्य में सिर्फ एक काली पट्टी होगी;
  
  
• LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER - इस झंडे के साथ कोई फैशनेबल फ्रिंज नहीं होगा, यह एक काली पट्टी के साथ विलय होगा;
  
  
• LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES - इस ध्वज का उपयोग करते समय, बैंग्स हमेशा किसी भी अभिविन्यास में होते हैं।
  
  

कैसे करें आवेदन?

 window.attributes.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES 

ख। यदि विकल्प A आपके लिए उपयुक्त नहीं है और आपको अशुभ कटआउट के स्थान को ध्यान में रखने की आवश्यकता है (उदाहरण के लिए, कुछ सही स्थिति पट्टी में, टेलीग्राम में एक कनेक्शन संदेश की तरह प्रदर्शित होता है), तो इस स्थिति में नया DisplayCoutout वर्ग मदद करेगा।
इसके तरीकों पर विचार करें:

• getBoundingRects () प्रतिभूत वस्तुओं की सूची देता है, जिनमें से प्रत्येक स्क्रीन के एक दुर्गम क्षेत्र को इंगित करता है;
• getSafeInsetLeft () , getSafeInsetRight () , getSafeInsetTop () , getSafeInsetBottom () क्रमशः पिक्सेल में कटौती के बिना बाएं, दाएं, ऊपर और नीचे इंडेंटेशन वापस करें।

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

 class SampleFragment() : Fragment() { private lateinit var root: ViewGroup override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? { return inflater.inflate(R.layout.sample_fragment, container, false) } override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) root = view.findViewById(R.id.root) addArrowsToCutout() } private fun addArrowsToCutout() { // ,      attach  window,    null' val cutoutList = root.rootWindowInsets?.displayCutout?.boundingRects cutoutList?.forEach { addArrow(context!!.getDrawable(R.drawable.left), it.left.toFloat(), it.top + (it.bottom - it.top).toFloat() / 2, ::calculateLeftArrow) addArrow(context!!.getDrawable(R.drawable.right), it.right.toFloat(), it.top + (it.bottom - it.top).toFloat() / 2, ::calculateRightArrow) addArrow(context!!.getDrawable(R.drawable.top), it.left + (it.right - it.left).toFloat() / 2, it.top.toFloat(), ::calculateTopArrow) addArrow(context!!.getDrawable(R.drawable.bottom), it.left + (it.right - it.left).toFloat() / 2, it.bottom.toFloat(), ::calculateBottomArrow) } } private fun addArrow(arrowIcon: Drawable, x: Float, y: Float, calculation: (View, Float, Float) -> Unit) { val arrowView = ImageView(context) arrowView.setImageDrawable(arrowIcon) arrowView.layoutParams = ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT) root.addView(arrowView) arrowView.post { calculation(arrowView, x, y) } } private fun calculateLeftArrow(arrowView: View, x: Float, y: Float) { arrowView.x = x - arrowView.width arrowView.y = y - arrowView.height / 2 } private fun calculateRightArrow(arrowView: View, x: Float, y: Float) { arrowView.x = x arrowView.y = y - arrowView.height / 2 } private fun calculateTopArrow(arrowView: View, x: Float, y: Float) { arrowView.x = x - arrowView.width / 2 arrowView.y = y - arrowView.height } private fun calculateBottomArrow(arrowView: View, x: Float, y: Float) { arrowView.x = x - arrowView.width / 2 arrowView.y = y } } 

चित्र

कोना	दोहरा	लंबा

परिदृश्य

कोना
दोहरा
लंबा

इसलिए, जैसा कि हम देखते हैं, फ्रिंज हमें कुछ असुविधा लाएगा और हमें अतिरिक्त इशारे / अतिरिक्त जोड़तोड़ कर देगा। सिद्धांत रूप में, सब कुछ हल हो गया है। मुख्य बात यह है कि तैयारी के लिए पर्याप्त समय देने के लिए जितनी जल्दी हो सके लेआउट कमियों को खत्म करना शुरू करना है। अपने संपादनों का सफलतापूर्वक सामना करें। Google अपने Play को नहीं तोड़ सकता है!