Earth Engine, ui paketi aracılığıyla istemci taraflı kullanıcı arayüzü (UI) widget'larına erişim sağlar. Earth Engine komut dosyalarınız için grafik arayüzler oluşturmak üzere ui paketini kullanın. Bu arayüzler; düğmeler ve onay kutuları gibi basit giriş widget'ları, grafikler ve haritalar gibi daha karmaşık widget'lar, kullanıcı arayüzünün düzenini kontrol etmek için paneller ve kullanıcı arayüzü widget'ları arasındaki etkileşimler için etkinlik işleyiciler içerebilir. Kod Düzenleyici'nin sol tarafındaki Dokümanlar sekmesinde ui API'sinin tüm işlevlerini keşfedin. Aşağıdaki örnekte, widget oluşturma, kullanıcı widget'ı tıkladığında davranışı tanımlama ve widget'ı görüntülemeyle ilgili temel işlevleri göstermek için ui paketi kullanılmaktadır.
Merhaba dünya!
Bu örnekte, konsolda gösterilen bir düğmenin basit kullanıcı arayüzü gösterilmektedir. Düğmeyi tıkladığınızda console'a "Merhaba dünya!" ifadesi yazdırılır:
// Make a button widget. var button = ui.Button('Click me!'); // Set a callback function to run when the // button is clicked. button.onClick(function() { print('Hello, world!'); }); // Display the button in the console. print(button);
Öncelikle düğmenin tek bir bağımsız değişkenle (etiketi) oluşturulduğunu unutmayın. Ardından, düğmenin onClick() işlevi çağrılır. onClick() bağımsız değişkeni, düğme her tıklandığında çalıştırılacak başka bir işlevdir. Bir etkinlik gerçekleştiğinde çağrılacak işlev mekanizmasına ("geri çağırma" işlevi) "etkinlik işleyici" denir ve bu mekanizma kullanıcı arayüzü kitaplığında yaygın olarak kullanılır. Bu örnekte, düğme tıklandığında işlev konsola "Merhaba dünya!" yazdırır.
Değişkenlik
ee.* ad alanındaki nesnelerin aksine, ui.* ad alanındaki nesnelerin değiştirilebilir olduğunu unutmayın. Bu nedenle, nesneyi her örnek işlevini çağırdığınızda bir değişkene yeniden atamanız gerekmez. İşlevi çağırmanız widget'ı değiştirir (mutasyona uğratır). Aşağıdaki kodu önceki örneğe eklemek, düğmenin tıklama etkinliği için başka bir geri çağırma işlevinin kaydedilmesine neden olur:
// Set another callback function on the button. button.onClick(function() { print('Oh, yeah!'); });
Bu kodu önceki örneğin sonuna kopyalayıp Çalıştır'ı tıklayın. Artık düğmeyi tıkladığınızda her iki mesaj da konsola yazdırılıyor.
Earth Engine komut dosyalarınız için kullanıcı arayüzü oluşturma hakkında daha fazla bilgi edinmek üzere kullanıcı arayüzü sayfalarını kullanın. Widgetlar sayfası, görsel bir tur sağlar ve ui paketindeki widget'ların temel işlevlerini açıklar. Paneller ve Düzenler sayfasında, widget'ları düzenlemek ve sıralamak için kullanabileceğiniz üst düzey kapsayıcılar ve düzenler açıklanmaktadır. Kullanıcı arayüzünüzdeki widget'ların davranışını ve etkileşimini yapılandırmayla ilgili ayrıntılar Etkinlikler sayfasında yer alır.