Kullanıcı Arayüzü Paketini İçe Aktarma
Figma'da bir Kullanıcı Arayüzü Paketi oluşturduktan sonra bunu Android Studio projenize aktarabilirsiniz. Proje derlendiğinde Relay, Jetpack Compose kodu oluşturur.
Kullanıcı Arayüzü Paketini bir Android Studio projesine aktarmak için:
Dosya > Yeni > Kullanıcı Arayüzü Paketlerini İçe Aktar... seçeneğini belirleyin.
Kullanıcı Arayüzü Paketi içeren bir Figma dosyasının URL'sini girin.
İleri'yi tıklayın.
İçe aktarmak istediğiniz Kullanıcı Arayüzü Paketlerini seçin. Gösterilen bileşenler; bir bileşeni, sayfayı veya dosya bağlantısını yapıştırıp yapıştırdığınıza bağlıdır. Bir kullanıcı arayüzü paketi zaten içe aktarılmışsa "GÜNCELLENDİ" olarak etiketlenir. Aksi takdirde "YENİ" olarak gösterilir.
Seçilen paketleri ve bağımlılıklarını
ui-packages
klasörüne içe aktarmak için Son'u tıklayın.
Kullanıcı Arayüzü Paketi içe aktarma ekranı
İçe aktarma ekranı aşağıdaki bilgileri içerir:
![Kullanıcı Arayüzü Paketi içe aktarma ekranı](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/android-studio-workflow/ui-package-summary.png?authuser=5&hl=tr)
- Bileşenin ve varyantlarının önizleme resmi.
- Başlık ve açıklama.
- Varyantların ve özelliklerinin listesi.
- İçerik parametrelerinin ve türlerinin listesi.
- Etkileşim işleyicilerin ve türlerinin listesi.
Kullanıcı Arayüzü Paketi araç penceresi
![Kullanıcı Arayüzü Paketi Kenar Çubuğu](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/android-studio-workflow/ui-package-sidebar.png?authuser=5&hl=tr)
Android Studio eklentisi, Kullanıcı Arayüzü Paketi adında bir araç penceresi ekler. Bir Kullanıcı Arayüzü Paketi klasöründe
bir dosya seçtiğinizde (ör.
app/src/main/ui-packages/mycomponent/
). Araç penceresi, Kullanıcı Arayüzü Paketi ve içeriğinin özetini gösterir.
Android Projenizi oluşturun
Kullanıcı Arayüzü Paketi içeren bir Android Studio projesi derlediğinizde Relay Graadle eklentisi, Kullanıcı Arayüzü Paketi'nden kod oluşturup derler. Yazı tipi öğeleri de indirilip projenize kopyalanır.
Projenizin tamamını değil de yalnızca içe aktarılan Kullanıcı Arayüzü Paketlerini derlemek istiyorsanız şu Gradle görevlerini çalıştırabilirsiniz:
generateDebugRelayCode
veyagenerateReleaseRelayCode
, Kullanıcı Arayüzü Paketi'nden türetilen kodun hata ayıklama veya sürüm sürümlerini oluşturur.generateRelayRuntimeCode
, oluşturulan kod tarafından kullanılan çalışma zamanı kitaplığını oluşturur.
Derleme işlemi sırasında:
- Kod, Kullanıcı Arayüzü Paketi'nden oluşturulur ve ayrı klasörlerde depolanır.
- Resimler ve yazı tipleri, ortak oluşturulan bir kaynak klasörüne kopyalanır.
Klasörlerin konumu, Kullanıcı Arayüzü Paketini ve Oluşturulan Kodu Anlama bölümünde açıklanmıştır.
Kullanıcı Arayüzü Paketi Güncelleme
Bir tasarımın yeni sürümü hazır olduğunda tasarımcı, Figma dosyasının yeni bir adlandırılmış sürümünü oluşturmalıdır.
Android Studio'da, Proje aracı penceresinin Android görünümünde olduğundan emin olun.
Modülünüzdeki
ui-packages
klasörünün altında, güncellemek istediğiniz Kullanıcı Arayüzü Paketleri klasörünü sağ tıklayın ve Kullanıcı Arayüzü Paketlerini Güncelle'yi seçin. Aşağıdaki örnekte güncellenecek beş Kullanıcı Arayüzü Paketi seçtik.Tüm kullanıcı arayüzü paketlerini güncellemek için
ui-packages
klasörünü de sağ tıklayabilirsiniz.
Sizin için önerilenler
- Not: Bağlantı metni JavaScript kapalıyken görüntülenir
- Kullanıcı Arayüzü Paketini ve Oluşturulan Kodu Anlama
- Sınırlamalar ve sorun giderme
- Bileşenleri mevcut kodla eşleme