Röle, her biri ayrı ayrı kurulması gereken üç bölümden oluşur:
- Figma Eklentisi için Relay
- Android Studio Eklentisi için Geçiş
- Relay Gradle Eklentisi
Ön koşullar
- Bir Figma Hesabında oturum açmış olmanız gerekir.
- Android Studio 2022.2.1 Flamingo veya sonraki bir sürümü yüklemiş olmalısınız.
- Java Çalışma Zamanı'nı yüklediniz.
- Jetpack Compose'un 1.2 veya sonraki sürümünü kullanıyorsunuz.
- Gradle Plugin 8.0 veya sonraki bir sürümü kullanıyorsunuz.
Relay for Figma eklentisini yükleme
Relay for Figma eklentisi, Figma'da çalışan herkesin Android Studio ve Jetpack Compose'u kullanan geliştiricilerle paylaşacağım.
Relay for Figma eklentisi, Figma'nın topluluk eklentisi pazar yerinde yayınlandı. Eklentiyi yüklemek için:
- Figma'nın Relay for Figma eklentisi sayfasına gidin. web sitesi.
Sayfanın sağ üst kısmında Deneyin'i tıklayın.
Eklentiyi kullanmak isteyip istemediğinizi soran bir iletişim kutusuyla karşılaşabilirsiniz. kuruluşunuzu seçin. Nadiren de olsa kuruluşunuz genel eklentileri devre dışı bırakır. Öyleyse Harici ekipler seçeneğini belirleyin.
Eklenti bilgileri sayfasının gösterildiği bir Figma dosyası açılır. Sonraki slayta geçin ... bağlantısını tıklayın ve eklentiyi kolayca yeniden kullanabileceğinizden emin olmak için Kaydet'i seçin.
Ardından Çalıştır'ı tıklayın:
Figma zemininde çalışan eklentiyi görüntüleyebilirsiniz:
Relay for Android Studio eklentisini yükleme
Relay for Android Studio eklentisi, Android Studio'da çalışan geliştiricilere olanak tanır. Relay for Figma eklentisine geçin. Eklenti, Android Studio eklentisinde yayınlanmış olmalıdır. pazar yeri. Yüklemek için:
- Android Studio'yu açın.
- Ana menüden:
- macOS için Android Studio > Tercihler.
- Windows ve Linux için Dosya > Ayarlar.
- Eklentiler'i seçin.
Marketplace sekmesini seçin ve “Relay for Android Studio” ifadesini arayın ve Google tarafından yayınlanan eklentiyi seçin:
Yükle'yi tıklayın.
Yükleme tamamlandığında IDE'yi yeniden başlat'ı tıklayın.
Yüklemenin başarılı olduğunu onaylamak için Tercihler'i açın veya Ayarlar'ı, ardından Eklentiler'e gidin. Relay for Android"i göreceksiniz. Studio'yu indirin.
Relay Gradle eklentisini yükleyin
Relay Gradle eklentisi, Figma'daki tasarımların tasarım açıklamasıyla birlikte gösterilmesini sağlar Relay for Figma eklentisi kullanılarak niyet bilgilerinin doğru şekilde koda ekleyebilirsiniz.
Relay Gradle eklentisi, aşağıdakileri içeren bir sunucu olan Google Maven'de yayınlanır: birçok Gradle eklentisidir. Android Studio, varsayılan olarak Gradle işlemlerini çağırır ve Bu işlemler, kullandığınız her türlü bağımlılığın indirilmesi ve yüklenmesini içerir. müzakere tekniği de eklediniz.
Android Studio'nun ve buna bağlı olarak Gradle'ın indirebileceği
Relay Gradle eklentisini yüklediğinde eklentiyi bağımlılık olarak belirtmeniz gerekir
projenizde, özellikle de modülünüzün build.gradle
dosyasında
dizin. Bu saat genellikle app/build.gradle
olur.
app/build.gradle
dosyasının üst tarafında tüm
emin olmanız gerekir. Bu listede Relay Gradle eklentisini ekleyin. Gradle işleyicileri
indirme ve yükleme. Örnek:
plugins {
id 'com.android.application'
id 'kotlin-android'
id 'com.google.relay' version '0.3.12'
}
Ayrıca, settings.gradle
dosyanızda aşağıdaki bölümün bulunduğundan emin olun:
pluginManagement {
repositories {
gradlePluginPortal()
google()
mavenCentral()
}
}
Ayrıca, son 30 güne ait yapılandırmanın yer aldığı bir Önceden Yapılandırılmış Proje dikkat edin.
Figma erişimini ayarlayın
Relay, Figma tasarımları yapar ve bunları koda dönüştürür. Hesabınız yoksa:
- Figma'yı açıp Figma'ya giriş yapın.
- Dosya tarayıcısına gidin .
Hesap simgenizi tıklayın ve Ayarlar'ı seçin.
Kişisel erişim jetonları bölümüne gidin.
"Geçiş" gibi bir jeton açıklaması girin ve Return yazın. Jeton elde edilir. Copy this token (Bu jetonu kopyala) seçeneğini tıklayın.
Android Studio'da ana menüden Araçlar > Geçiş Ayarları.
macOS'te daha önce Figma erişim jetonu oluşturduysanız iletişim kutusu açılır. Bu iletişim kutusu, Android Studio'nun mevcut Figma erişim jetonunuz. Şifrenizi girin ve Her zaman İzin ver.
Figma erişim jetonunuzu Figma Access Token girişine yapıştırın. ( bu, ilk kez Figma erişim jetonu oluşturduğunuzda bir Mevcut Figma Erişim Jetonu girişine dokunun.)
Tamam'ı tıklayın.
Önceden yapılandırılmış projeyi indirme ve ayarlama
Önceden yapılandırılmış bir projeyi indirmek ve ayarlamak için:
- Proje ZIP dosyasını indirin.
- Sıkıştırılmış dosyayı açmak için dosyayı çift tıklayın. Bu işlemle HelloFigma'yı seçin. Dosyayı ana klasörünüze taşıyın.
- Android Studio'ya geri dönün. Dosya > Aç, evinize gidin HelloFigma'yı seçin ve Open'ı (Aç) tıklayın.
- Projeyi açtığınızda Android Studio, belirler. Projeye Güvenin'i tıklayın.
Önceden yapılandırılmış projeyi çalıştırma
Uygulamayı bir emülatörde veya cihazda çalıştırın. "Hello, Android!" (Merhaba, Android) mesajını görürsünüz. boş ekran.
![Emülatördeki başlangıç durumu](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/install-relay/emulator.png?authuser=19&hl=tr)
Sonraki adım
Şimdi Relay'i kullanarak ilk tasarımlarımızı oluşturmaya hazırız.
Sizin için önerilenler
- Not: JavaScript kapalıyken bağlantı metni gösterilir
- Android projenizi oluşturma
- Oluşturma düzeninizi test etme
- Kaldırılacak bölge durumu