Kullanıcı Arayüzü Paketleri Oluşturma

Figma'daki Kullanıcı Arayüzü Paketleri

Kullanıcı Arayüzü Paketleri Android kullanıcı arayüzü bileşenleri için paylaşılan bir model tanımlar. Kullanıcı Arayüzü Paketleri Figma'nın içinde oluşturulur ve Android Studio'da üretim Compose kodu oluşturmak için kullanılır. Kullanıcı arayüzü paketi aşağıdaki bilgileri içerir:

  • Düzen bilgileri
  • Kullanıcı Arayüzü Paketi özeti
  • İçerik ve etkileşim parametreleri
  • Stil bilgileri
  • Yazı tipi ve resim öğeleri

Kullanıcı Arayüzü Paketi Oluşturma

Kullanıcı arayüzü paketine özet ekleme

Relay for Figma eklentisini kullanarak kullanıcı arayüzü paketi oluşturmak için:

  1. Eklentiyi açın ve Başlayın'ı tıklayın.
  2. Paketlemek istediğiniz bir Figma bileşenini seçin.
  3. Kullanıcı Arayüzü Paketi Oluştur'u tıklayın.

Aynı anda birden fazla kullanıcı arayüzü paketi oluşturmak için:

  1. Bir veya daha fazla Figma bileşeni seçin.
  2. Create UI Packages'ı (Kullanıcı Arayüzü Paketleri Oluştur) tıklayın. Bu işlem, seçilen her bileşen için bir kullanıcı arayüzü paketi oluşturur.

Mevcut Kullanıcı Arayüzü Paketi öğelerini yeni paketler halinde de yeniden düzenleyebilirsiniz:

  1. Mevcut bir kullanıcı arayüzü paketinde çerçeve veya bileşen katmanı seçin.
  2. Menü simgesini tıklayın.
  3. "Seçimden kullanıcı arayüzü paketi oluştur"u seçin.

Bir Kullanıcı Arayüzü Paketi Android Studio'ya aktarıldıktan sonra, Android projeniz derlendiğinde Relay kod oluşturur.

Özet ekle

Bileşen seçili halde Figma için geçiş

Oluşturma işleminden sonra, Kullanıcı Arayüzü Paketi'ne özet ekleyebileceğiniz bir metin alanı görüntülenir. Özet, oluşturulan kodda ilgili composable işlevinin üzerinde bir yorum bloğu olarak görünür.

Özeti daha sonra da düzenleyebilirsiniz:

  1. Özet'i seçin.
  2. Metin alanında özeti düzenleyin.

Kullanıcı Arayüzü Paketini Kaldır

Menü simgesini, ardından Paketi kaldır'ı seçin. Bu işlem, tüm Relay meta verilerini siler ancak Figma'daki bileşeni silmez.

Eklentideki "Paketlemeyi kaldır" seçeneği