Özel sınırlar ve köşelerle UI oluştururken, farklı açı oranlarında öğeleri renderlamanız ve bilinmeyen boyutların yerel metnini veya diğer içeriklerini görsel olarak çevirmeniz gerekecektir. Yerelleştirilmiş metin veya bilinmeyen boyutların diğer içerikleri.Bu, sınırları veya köşeleri bozmadan farklı boyutlardaki UI öğeleri oluşturmanıza izin verir.
9 dilim yaklaşımı altında, bir görüntü (tek bir Roblox görüntü öğesi) içsel olarak dokuz alt görüntüye bölünür, her biri farklı ölçekleme kurallarına sahiptir.
| Alt resim | Ölçeklendirme |
|---|---|
| 1379 (köşeler) | hiçbiri |
| 28 (üst/alt kenarlar) | dikey |
| 46 (sol/sağ kenarlar) | dikey |
| 5 (merkez) | dikey + yatay |
Stüdyo editörü
Dilim yapılandırması, bir görüntü etiketinde veya düğmesinde doğrudan Enum.ScaleType ve dilim özelliklerini ayarlayarak mümkündür, ancak Studio'nun yerleşik 9 Dilim Editörü daha anlaşılırdır.
Editörü açma
Studio'da görsel 9 Dilim Editörü açmak için:
- Geçerli bir varlık kimliği ile ImageLabel veya ImageButton alanına girilen Resim alanına sahip bir seçim yapın.
- Ölçek Türü özelliğini Dilimleme olarak ayarlayın.
- Görünen Dilim Merkezi özelliğine tıklayın, ardından satır içindeki … öğesine tıklayın.
- Açılan pencerede, kesim kenarlarını temsil eden 4 kırmızı çizgi görüntü üzerine yerleştirilir. Kaynak görüntü boyutu da gösterilir.
Hata ayıklamalarını ayarla Set offsets
Stüdyoda, kırmızı çizgileri sürükleyerek resmin sol, sağ, üst ve alt kenarlarından ofsetleri ayarlayın.
Daha iyi bir hassasiyete ihtiyacınız varsa, editör penceresinin sağ tarafındaki alanlara ofset değerleri girin.
Sürücü çizgilerini yeniden konumlandırdığınızda, sonuçgöstermek için UI öğesi otomatik olarak güncellenir.
Kayma değerleri, kaynağı görüntünün kenarından ve o kenarla ilişkili sürücü ile temsil edilen piksel sayısından UI nesnesinin SliceCenter özellik değerlerinden farklıdır ve kaynağı görüntünün kenarından ve o kenarla ilişkili sürücü ile temsil edilen piksel sayısını temsil eder.