Android insets: आशंकाओं से निपटना और Android Q के लिए तैयार होना

विशिष्ट कार्य

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="colorPrimaryDark">@color/colorAccent</item>
    ...
</style>

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="android:statusBarColor">@color/colorAccent</item>
    ...
</style>

override fun onCreateView(...): View {
    requireActivity().window.statusBarColor = requireContext().getColor(R.color.colorPrimary)
    ...
}

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">    
    ...
    <item name="android:windowTranslucentStatus">true</item>
    ...
</style>

<activity
    ...
    android:windowSoftInputMode="adjustResize">
    ...
</activity>

boolean isOpened = false;

public void setListenerToRootView() {
    final View activityRootView = getWindow().getDecorView().findViewById(android.R.id.content);
    activityRootView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
    
            int heightDiff = activityRootView.getRootView().getHeight() - activityRootView.getHeight();      
            if (heightDiff > 100) { // 99% of the time the height diff will be due to a keyboard.       
                Toast.makeText(getApplicationContext(), "Gotcha!!! softKeyboardup", 0).show();

                if (isOpened == false) {
                   //Do two things, make the view top visible and the editText smaller
                }
                isOpened = true;
            } else if (isOpened == true) {
                Toast.makeText(getApplicationContext(), "softkeyborad Down!!!", 0).show();
                isOpened = false;
            }    
        }
    });
}

एंड्रॉइड 10 से पहले हमने क्या किया

यह काम क्यों करता है?

@Override
public void onAttachedToWindow() {   
    super.onAttachedToWindow();
    ...    
    if (mLastInsets == null && ViewCompat.getFitsSystemWindows(this)) {         
        // We're set to fitSystemWindows but we haven't had any insets yet...
        // We should request a new dispatch of window insets
        ViewCompat.requestApplyInsets(this);
    }     
    ...
}

@Override
public WindowInsets dispatchApplyWindowInsets(WindowInsets insets) {    
    insets = super.dispatchApplyWindowInsets(insets);     
    if (!insets.isConsumed()) {         
        final int count = getChildCount();        
        for (int i = 0; i < count; i++) {
            insets = getChildAt(i).dispatchApplyWindowInsets(insets);             
            if (insets.isConsumed()) {          
                break;
            }
        }
    }
    return insets;
}

हम अपना ViewGroup लिखते हैं

class WindowInsetFrameLayout @JvmOverloads constructor(
    context: Context,      
    attrs: AttributeSet? = null,     
    defStyleRes: Int = 0
) : FrameLayout(context, attrs, defStyleRes) {

    override fun dispatchApplyWindowInsets(insets: WindowInsets): WindowInsets { 
        for (child in (0 until childCount)) {
            getChildAt(child).dispatchApplyWindowInsets(insets)
        }
        return insets.consumeSystemWindowInsets()
    }
}

Android 10

सन्निवेश आपको उनके बारे में क्या जानने की जरूरत है?

डेवलपर्स को डराने के लिए इनसेट बनाए गए थे।

सिस्टम विंडो इनसेट

टेप करने योग्य तत्व इनसेट

सिस्टम जेस्चर इनसेट्स

अनिवार्य प्रणाली इशारा insets

स्थिर इनसेट

बैंग्स और नेकलाइन्स

• LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT। चित्र में - और परिदृश्य में है - डिफ़ॉल्ट रूप से एक काली पट्टी।
• LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER। बिल्कुल नहीं - एक काली पट्टी।
• LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES - हमेशा है।

insets.displayCutout
    .boundingRects
    .forEach { rect -> ... }

यह काम किस प्रकार करता है

जाल बिछाओ

इनसेट संभालना

हम प्रतिनिधिमंडल या विरासत के माध्यम से इनसेट संभालते हैं।

कुछ वापस क्यों?

अभ्यास

पारदर्शिता चालू करें

<style name="AppTheme" parent="Theme.MaterialComponents.Light">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

रंग के साथ पारदर्शिता चालू करें

rootView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or  
    View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

<style name="AppTheme" parent="Theme.MaterialComponents.Light">
    <!-- Set the navigation bar to 50% translucent white -->
    <item name="android:navigationBarColor">#80FFFFFF</item> 
</style>

इनसेट संभालने से ज्यादा आसान क्या हो सकता है?

ViewCompat
    .setOnApplyWindowInsetsListener(bottomNav) { view, insets ->  
        view.updatePadding(bottom = insets.systemWindowInsetBottom) 
        insets
    }

val bottomNavBottomPadding = bottomNav.paddingBottom
ViewCompat
    .setOnApplyWindowInsetsListener(bottomNav) { view, insets ->                 
        view.updatePadding(
        bottom = bottomNavBottomPadding + insets.systemWindowInsetBottom
    )
    Insets
}

Kotlin जोड़ें!

fun View.doOnApplyWindowInsets(block: (View, WindowInsetsCompat, Rect) -> WindowInsetsCompat) {    

    val initialPadding = recordInitialPaddingForView(this)

    ViewCompat.setOnApplyWindowInsetsListener(this) { v, insets ->        
        block(v, insets, initialPadding)
    }
    
    requestApplyInsetsWhenAttached()
}

private fun recordInitialPaddingForView(view: View) =
   Rect(view.paddingLeft, view.paddingTop, view.paddingRight, view.paddingBottom)

  .

bottomNav.doOnApplyWindowInsets { view, insets, padding ->   
    view.updatePadding(
        bottom = padding.bottom + insets.systemWindowInsetBottom
    ) 
    insets
}

कुछ भूल गया!

fun View.doOnApplyWindowInsets(block: (View, WindowInsetsCompat, Rect) -> WindowInsetsCompat) {

    val initialPadding = recordInitialPaddingForView(this)
     
    ViewCompat.setOnApplyWindowInsetsListener(this) { v, insets ->        
        block(v, insets, initialPadding)
    }
      
    requestApplyInsetsWhenAttached() 
}

private fun recordInitialPaddingForView(view: View) =
      Rect(view.paddingLeft, view.paddingTop, view.paddingRight, view.paddingBottom)

fun View.requestApplyInsetsWhenAttached() {    
    if (isAttachedToWindow) {        
        requestApplyInsets()
    } else {
        addOnAttachStateChangeListener(object : View.OnAttachStateChangeListener {            
            override fun onViewAttachedToWindow(v: View) {
                v.removeOnAttachStateChangeListener(this)
                v.requestApplyInsets()           
            }

            override fun onViewDetachedFromWindow(v: View) = Unit
        })
    }
}

RefyclerView को परिष्कृत करना

<androidx.recyclerview.widget.RecyclerView 
        android:id="@+id/recyclerView"        
    android:layout_width="match_parent"    
    android:layout_height="match_parent"             
    android:clipToPadding="false" />

recyclerView.doOnApplyWindowInsets { view, insets, padding ->    
    view.updatePadding(
        bottom = padding.bottom + insets.systemWindowInsetBottom
    )
}

अनुप्रयोग बग

doOnApplyWindowInsets { view, insets, initialPadding ->    
    view.updatePadding(
        bottom = initialPadding.bottom + insets.systemWindowInsetBottom
    )
    insets.replaceSystemWindowInsets(
        Rect(
            insets.systemWindowInsetLeft,            
            insets.systemWindowInsetTop,            
            insets.systemWindowInsetRight,
            0
        )
    )
}

सभी को फिर से परिभाषित करें

@Override
public WindowInsets dispatchApplyWindowInsets(WindowInsets insets) {     
    insets = super.dispatchApplyWindowInsets(insets);     
    if (!insets.isConsumed()) {        
        final int count = getChildCount();
        for (int i = 0; i < count; i++) {
            insets = getChildAt(i).dispatchApplyWindowInsets(insets);
            if (insets.isConsumed()) {
                break;
            }
        }
    }
    return insets;
}

fun View.addSystemBottomPadding(    
    targetView: View = this
) {
    doOnApplyWindowInsets { _, insets, initialPadding ->           
        targetView.updatePadding(
            bottom = initialPadding.bottom + insets.systemWindowInsetBottom
        )
        insets.replaceSystemWindowInsets(
            Rect(
                insets.systemWindowInsetLeft,
                insets.systemWindowInsetTop,     
                insets.systemWindowInsetRight,
                0
            )
        )
    }
}

• पहले वह इनसेट्स को बॉटम नेविगेशन बार देगा। 
• वह इनसेट प्रोसेस करेगा, जीरो बॉटम लौटेगा।
• इसके अलावा, डिफ़ॉल्ट रूप से, वे ऊपर से नीचे तक जाएंगे: टूलबार, RecyclerView के साथ टुकड़ा।
• फिर, शायद, वह फिर से इनसेट बॉटम नेविगेशन बार भेजेगा। लेकिन यह अब महत्वपूर्ण नहीं है, सब कुछ इतनी अच्छी तरह से काम करेगा।

जरूरी

Android 10 तैयारी चेकलिस्ट

• @rmr_ एक टेलीग्राम में डाइऑक्साइड - रेडमड्राबोट एसपीबी के आंतरिक मिटैप्स के रिकॉर्ड।
• इस लेख में सभी स्रोत कोड और GitFox में और भी अधिक । एक अलग एंड्रॉइड 10 शाखा है, जहां आप यह देख सकते हैं कि मुझे यह सब कैसे मिला और मैंने नए एंड्रॉइड का समर्थन कैसे किया।
• क्रिस बैन की इनसेट्टर लाइब्रेरी । इसमें 5-6 एक्सटेंशन हैं जो मैंने दिखाए। अपने प्रोजेक्ट में उपयोग करने के लिए, लाइब्रेरी से संपर्क करें, सबसे अधिक संभावना है कि यह एंड्रॉइड जेटपैक में चला जाएगा। मैंने उन्हें अपनी परियोजना में विकसित किया और, यह मुझे लगता है, वे बेहतर हो गए।
• क्रिस बैन का लेख ।
• FunCorn, , .
• «Why would I want to fitsSystemWindows?» .

AppConf, youtube- . , - . AppsConf , . , , stay tuned!