Compose kullanıcı arayüzünüzde hata ayıklamak için kullanabileceğiniz araçlar Android Studio'da mevcuttur.
Layout Inspector
Layout Inspector, bir emülatörde veya fiziksel cihazda çalışan bir uygulamanın içindeki bir Compose düzenini incelemenize olanak tanır. Bir composable'ın ne sıklıkta yeniden oluşturulduğunu veya atlandığını kontrol etmek için Layout Inspector'ı kullanabilirsiniz. Bu, uygulamanızla ilgili sorunları belirlemenize yardımcı olabilir. Örneğin, bazı kodlama hataları kullanıcı arayüzünüzün aşırı yeniden oluşturulmasına neden olabilir ve bu da düşük performansa yol açabilir. Bazı kodlama hataları, kullanıcı arayüzünüzün yeniden oluşturulmasını ve dolayısıyla kullanıcı arayüzü değişikliklerinizin ekranda görünmesini engelleyebilir. Düzen inceleyiciyi ilk kez kullanıyorsanız nasıl çalıştırılacağıyla ilgili kılavuza göz atın.
Yeniden oluşturma sayılarını alma
Compose düzenlerinizde hata ayıklama yaparken, kullanıcı arayüzünüzün düzgün şekilde uygulanıp uygulanmadığını anlamak için composable'ların ne zaman yeniden oluşturulduğunu bilmeniz önemlidir. Örneğin, çok fazla kez yeniden oluşturuluyorsa uygulamanız gerekenden daha fazla iş yapıyor olabilir. Öte yandan, yeniden oluşturulması beklenen ancak yeniden oluşturulmayan bileşenler beklenmedik davranışlara yol açabilir.
Düzen Denetleyici, uygulamanızla etkileşim kurarken düzen hiyerarşinizdeki ayrı composable'ların yeniden oluşturulduğu veya atlandığı zamanları gösterir. Android Studio'da, composable'larınızın kullanıcı arayüzünde nerede yeniden oluşturulduğunu belirlemenize yardımcı olmak için yeniden oluşturma işlemleriniz vurgulanır.
1.şekil Yeniden oluşturmalar, Düzen Denetleyici'de vurgulanır.
Vurgulanan kısım, Düzen Denetleyici'nin resim bölümündeki composable'ın gradyan yer paylaşımını gösterir ve en fazla yeniden oluşturma işlemine sahip composable'ın kullanıcı arayüzünde nerede bulunabileceği hakkında fikir edinmeniz için yavaş yavaş kaybolur. Bir composable, başka bir composable'dan daha yüksek bir hızda yeniden oluşturuluyorsa ilk composable daha güçlü bir gradyan yer paylaşımı rengi alır. Düzen inceleyicide bir composable'ı çift tıklarsanız analiz için ilgili koda yönlendirilirsiniz.
Layout Inspector penceresini açın ve uygulama işleminize bağlanın. Bileşen Ağacı'nda, düzen hiyerarşisinin yanında iki sütun görünür. İlk sütunda her düğüm için kompozisyon sayısı, ikinci sütunda ise her düğüm için atlama sayısı gösterilir. Bir composable düğümü seçildiğinde, composable'ın boyutları ve parametreleri gösterilir. Ancak composable bir satır içi işlevse parametreler gösterilemez. Ayrıca, Component Tree veya Layout Display'den bir composable seçtiğinizde Attributes bölmesinde benzer bilgileri görebilirsiniz.
Sayacı sıfırlamak, uygulamanızla belirli bir etkileşim sırasında yeniden oluşturma veya atlama işlemlerini anlamanıza yardımcı olabilir. Sayacı sıfırlamak istiyorsanız Bileşen Ağacı bölmesinin üst kısmındaki Sıfırla'yı tıklayın.
Şekil 3. Layout Inspector'da birleştirme ve atlama sayacını etkinleştirin.
Oluşturma anlam bilimi
Oluşturma'da Semantik, kullanıcı arayüzünüzü erişilebilirlik hizmetleri ve test çerçevesi tarafından anlaşılabilir bir şekilde açıklar. Compose düzenlerinizdeki anlamsal bilgileri incelemek için Düzen İnceleyici'yi kullanabilirsiniz.
Bir Oluşturma düğümü seçerken Özellikler bölmesini kullanarak düğümün doğrudan anlamsal bilgi bildirip bildirmediğini, alt öğelerinden gelen anlamsal bilgileri birleştirip birleştirmediğini veya her ikisini de yapıp yapmadığını kontrol edin. Bildirilmiş veya birleştirilmiş semantiklerin hangi düğümlerde bulunduğunu hızlıca belirlemek için Bileşen Ağacı bölmesinde Görünüm seçenekleri açılır listesini kullanın ve Semantik Katmanları Vurgula'yı seçin. Bu özellik yalnızca ağaçtaki semantik içeren düğümleri vurgular ve klavyenizi kullanarak bunlar arasında hızlıca gezinebilirsiniz.
Compose kullanıcı arayüzü kontrolü
Android Studio, Jetpack Compose'da daha uyarlanabilir ve erişilebilir kullanıcı arayüzleri oluşturmanıza yardımcı olmak için Compose Önizleme'de kullanıcı arayüzü kontrolü modu sunar. Bu özellik, görünümler için Erişilebilirlik Tarayıcısı'na benzer.
Bir Compose önizlemesinde Compose kullanıcı arayüzü kontrol modunu etkinleştirdiğinizde Android Studio, Compose kullanıcı arayüzünüzü otomatik olarak denetler ve kullanıcı arayüzünüzü daha erişilebilir ve uyarlanabilir hale getirmek için iyileştirmeler önerir. Android Studio, kullanıcı arayüzünüzün farklı ekran boyutlarında çalıştığını kontrol eder. Araç, Sorunlar panelinde algıladığı sorunları (ör. büyük ekranlarda metnin uzaması veya düşük renk kontrastı) gösterir.
Bu özelliğe erişmek için Oluşturma Önizlemesi'ndeki kullanıcı arayüzü kontrolü simgesini tıklayın:
Kullanıcı arayüzü kontrolü, kullanıcı arayüzünüzün farklı yapılandırmalardaki önizlemesini otomatik olarak gösterir ve farklı yapılandırmalarda bulunan sorunları vurgular. Sorunlar panelinde bir sorunu tıkladığınızda sorunun ayrıntılarını, önerilen düzeltmeleri ve sorunun bulunduğu alanı vurgulayan oluşturma işlemlerini görebilirsiniz.
