Kayan çerçeveler

*Bu içerik, yapay zekâ (beta) kullanılarak çevrildi ve hatalar içerebilir. Sayfayı İngilizce görüntülemek için buraya tıkla.

Bir ScrollingFrame özelleştirilebilir bir kanvas ve kaydırma çubukları içerir ve kaydırmanın nasıl çalıştığını özelleştirmenin farklı yolları ile yerleştirilmiş kaydırma etkileşimine sahiptir.ScrollingFrame sınırlı bir alanda çok fazla bilgi görüntülemek için ideal ve liste ve ızgara düzenleriyle iyi çalışıyor.

Example ScrollingFrame on the screen containing a tabbed category bar and a list of magical items for the player to consider purchasing.

Tuvafız

kanvas , diğer ScrollingFrame içerebilecek bir GuiObjects 'in ana bölgesidir.Kaydırma davranışı aşağıdaki senaryolarda otomatik olarak uyarlanır:

Çerçeve KurulumSonuç
Çerçevenin CanvasSize ı genel yüksekliğinden daha yüksektir; özellikle toplam CanvasSize.Y tümü toplam Size.Y 'ı aşar.Dikey kaydırma etkinleştirildi ve dikey bir kaydırma çubuğu göründü.
Çergenin CanvasSize genişliği genel genişliğinden daha geniştir; özellikle toplam CanvasSize.X tümü toplam Size.X 'u aşar.Dikey kaydırma etkinleştirildi ve dikey bir kaydırma çubuğu göründü.
Çerçevenin AutomaticCanvasSize ı Y veya XY ve içeriğinin toplam yüksekliği (çocuk GuiObjects ) toplam Size.Y 'ünü aşar ve çerçevenin toplam yüksekliği (çocuk >) aşar.Dikey kaydırma etkinleştirildi ve dikey bir kaydırma çubuğu göründü.
Çerçevenin AutomaticCanvasSize ı X veya XY ve içeriğinin toplam genişliği (çocuk GuiObjects ) toplam Size.X sınırını aşıyor.Dikey kaydırma etkinleştirildi ve dikey bir kaydırma çubuğu göründü.

The CanvasPosition özelliği, çerçevenin içindeki kanvasın mevcut pozisyonel ofsetini piksellere yansıtır ve buna göre kaydırma çubuklarının konumunu ayarlar.Kaydırma çubukları görünür değilse bu özellik herhangi bir şey yapmadığını unutmayın.

Eklemeler

Kaydırma çerçevesinin CanvasSize özellikleri, VerticalScrollBarInset ve/veya HorizontalScrollBarInset özellikleri tarafından etkilenebilir.Aşağıdaki örnek diyagramında, dikey olarak kayan bir çerçeve %100 genişliğinde bir kanvas kullanır.VerticalScrollBarInset ile ayarlanarak None (Varsayılan), kanvas, kaydırma çubuğunun altındaki bir miktar içeriği gizleyerek tüm genişliğine genişletilir.Buna karşılık, bir VerticalScrollBarInset ayarı ya Always ya da ScrollBar kanvasın kenarlarına ulaşacak şekilde ScrollBarThickness miktarı ile doldurur, böylece kanvas rulo çubuğuyla kenara ulaşır.

Kaydırma çubukları

Çergenin kaydırma çubukları 'ı mevcut kanvas konumunu yansıtır ve otomatik kaydırma etkileşimini sağlar.Dikey kaydırma çubukları için, VerticalScrollBarPosition özelliği çubuğun konumunu ya kanvasın solunda veya sağında değiştirir, ancak dikey kaydırma çubukları sadece kanvasın altına yerleştirilebilir.

Kaydırma çubuğunun yapısı üç varlık özelliğinden oluşur:

  • TopImage — Dikey kaydırma çubuğunun üstünde veya yatay kaydırma çubuğunun solunda görüntüler (yatay kaydırma çubuğu için 90° saat yönünde döndürüldü).
  • MidImageTopImage ve BottomImage arasındaki alanı genişletir (dikey kaydırma çubuğu için 90° saat yönünde döndürüldü).
  • BottomImage — Dikey kaydırma çubuğunun altında veya dikey kaydırma çubuğunun sağında görüntüler (dikey kaydırma çubuğu için 90° saat yönünde döndürüldü).
Diagram showing the three image asset elements which construct a scrolling frame's scroll bar.

Her görüntü, yatay bir kaydırma çubuğunun genişliğini veya dikey bir kaydırma çubuğunun yüksekliğini değiştiren ScrollBarThickness özelliğine göre ölçeklendirilir.

Ek görsel değişiklikler, çubuğun görüntü varlıklarını renklendiren ve saydamlığını değiştiren ScrollBarImageColor3 ve ScrollBarImageTransparency özellikler aracılığıyla yapılabilir, birbirlerine göre.

Elastikiyet

Varsayılan olarak, ScrollingFrames dokunma etkinleştirilmiş cihazlarda esnek kaydırma davranışı sergiler, yani kullanıcılar kanvası sınırlarından biraz daha uzaklaştırabilir ve serbest bırakıldığında kanvas minimum veya maksimum sınırına geri dönecektir.Elastik davranışı tamamen kaldırmak ve kanvasın sınırlarını asla aşmamasını sağlamak istiyorsanız, ElasticBehavior özelliğini Never olarak ayarlayın.