Düzen Denetleyici, çalışan bir uygulamadaki Compose düzenini emülatörde veya fiziksel cihazda incelemenize olanak tanır. Bir composable'ın ne sıklıkla yeniden düzenlendiğini veya atlandığını kontrol etmek için Düzen Denetleyici'yi kullanabilirsiniz. Bu, uygulamanızla ilgili sorunların tanımlanmasına yardımcı olabilir. Örneğin, bazı kodlama hataları kullanıcı arayüzünüzü aşırı şekilde yeniden oluşturmaya zorlayabilir ve bu da düşük performansa neden olabilir. Bazı kodlama hataları, kullanıcı arayüzünüzün yeniden oluşturulmasını engelleyebilir ve bu nedenle, kullanıcı arayüzü değişikliklerinizin ekranda görünmesini engelleyebilir. Düzen denetleyicisini kullanmaya yeni başladıysanız nasıl çalıştırılacağıyla ilgili kılavuzu inceleyin.
Yeniden beste sayılarını alma
Compose düzenlerinizde hata ayıklarken, composable'ların ne zaman yeniden oluşturulacağını bilmek, kullanıcı arayüzünüzün doğru uygulanıp uygulanmadığını anlamak açısından önemlidir. Örneğin, uygulamanız çok fazla kez yeniden oluşturuyorsa gereğinden fazla iş yapıyor olabilir. Diğer yandan, beklediğinizde yeniden oluşturulmayan bileşenler, beklenmedik davranışlara neden olabilir.
Düzen Denetleyici, uygulamanızla etkileşimde bulunurken düzen hiyerarşinizdeki ayrı composable'ların ne zaman yeniden derlendiğini veya atlandığını gösterir. Android Studio'da yeniden düzenlemeleriniz, composable'larınızın kullanıcı arayüzünde nerede yeniden düzenlendiğini belirlemenize yardımcı olmak için vurgulanır.
Şekil 1. Yeniden besteler, Düzen Denetleyicisi'nde vurgulanır.
Vurgulanan kısım, Düzen Denetleyici'nin resim bölümünde composable'ın gradyan yer paylaşımını gösterir ve kademeli olarak kaybolur. Böylece, en yüksek yeniden bestelere sahip composable'ın kullanıcı arayüzünde nerede bulunabileceğine dair bir fikir edinebilirsiniz. Bir composable, başka bir composable'dan daha yüksek bir hızda yeniden derleniyorsa ilk composable, daha güçlü bir gradyan yer paylaşımlı rengi alır. Düzen denetleyicisinde bir composable'ı çift tıklarsanız analiz için karşılık gelen koda yönlendirilirsiniz.
Düzen Denetleyici penceresini açın ve uygulama işleminize bağlanın. Bileşen Ağacı'nda, düzen hiyerarşisinin yanında görünen iki sütun vardır. İlk sütun her bir düğümdeki bileşimlerin sayısını, ikinci sütun ise her bir düğüm için atlama sayısını gösterir. Bir composable düğümün seçilmesi, satır içi bir işlev olmadığı sürece composable'ın boyut ve parametrelerini gösterir. Bu durumda parametreler gösterilemez. Bileşen Ağacı'ndan veya Düzen Ekranı'ndan bir composable seçtiğinizde, benzer bilgileri Özellikler bölmesinde de görebilirsiniz.
Sayıyı sıfırlamak, uygulamanızla belirli bir etkileşim sırasında yeniden besteleri veya atlamaları anlamanıza yardımcı olabilir. Sayıyı sıfırlamak isterseniz Bileşen Ağacı bölmesinin üst kısmındaki Sıfırla'yı tıklayın.
3. Şekil. Düzen Denetleyicisi'nde besteyi etkinleştirin ve sayacı atlayın.
Anlamları oluşturma
Compose'da Semantics, kullanıcı arayüzünü Erişilebilirlik hizmetleri ve Test çerçevesi için anlaşılır olan alternatif bir şekilde açıklar. Oluşturma düzenlerinizde anlamsal bilgileri incelemek için Düzen Denetleyici'yi kullanabilirsiniz.
4. Şekil. Düzen Denetleyicisi kullanılarak görüntülenen anlamsal bilgiler.
Oluşturma düğümü seçerken, Özellikler bölmesini kullanarak anlamsal bilgileri doğrudan bildirip bildirmediğini, alt öğelerindeki anlamları birleştirdiğini veya ikisini birden kontrol edip etmediğini kontrol edin. Hangi düğümlerin bildirilen veya birleştirilmiş semantik içerdiğini hızlı bir şekilde belirlemek için Bileşen Ağacı bölmesindeki Görünüm seçenekleri açılır menüsünü kullanın ve Anlamsal Katmanları Vurgula'yı seçin. Bu işlem, yalnızca ağaçta anlambilim içeren düğümleri vurgular ve bunlar arasında hızlı bir şekilde gezinmek için klavyenizi kullanabilirsiniz.