Aracılığıyla paylaş


Genişletici

, Expander kullanıcının üst bilgiyi görüntülemesine ve daha fazla ayrıntı görmek için bu üst bilgiyi genişletmesine veya üst bilgiye kadar bir bölümü daraltmasına olanak tanır. Expander denetimi, pencereye benzeyen ve bir üst bilgi içeren genişletilebilir bir alanda içerik sunmanın bir yolunu sağlar.

Farklı genişletici denetim türlerinin ekran görüntüsü.

Başlık Description
ScrollViewer ile Genişletici oluşturma ScrollViewer ile karmaşık içerik içeren bir Genişletici denetimi oluşturmayı öğrenin.

Genişleten içerik alanının yönünü ayarlama

Expander kontrolünün içerik alanını dört yönden birinde genişleyecek şekilde Down özelliğini kullanarak ayarlayabilirsiniz: Up, Left, Right veya ExpandDirection. İçerik alanı daraltıldığında yalnızca Expander başlığı ve geçiş düğmesi görünür. İçerik alanını genişletmek veya daraltmak için Button yön okunu görüntüleyen denetim, açılır-kapanır düğme olarak kullanılır. Genişletildiğinde, Expander tüm içeriğini pencere benzeri bir alanda görüntülemeye çalışır.

Panelde Genişleticinin boyutunu denetleme

Bir Expander denetimi, Panel gibi StackPanel öğesinden devralan bir düzen denetiminin içindeyse, Height özelliği Expander veya ExpandDirection olarak ayarlandığında Down üzerinde bir Up belirtmeyin. Benzer şekilde, Width özelliği Expander veya ExpandDirection olarak ayarlandığında Left üzerinde bir Right belirtmeyin.

Bir denetimin Expander boyut boyutunu genişletilmiş içeriğin görüntüleneceği yönde ayarladığınızda, Expander içerik tarafından kullanılan alanın denetimini alır ve çevresinde bir kenarlık görüntüler. kenarlık, içerik daraltıldığında bile gösterilir. Genişletilmiş içerik alanının boyutunu ayarlamak için, Expander öğesinin içeriğine boyutlar belirleyin veya kaydırma özelliği istiyorsanız, içeriği kapsayan ScrollViewer alanında bunları ayarlayın.

Bir Expander denetimi, bir DockPanel içindeki son öğe olduğunda, Windows Presentation Foundation (WPF), Expander boyutlarını kalan DockPanel alanına eşit olacak şekilde otomatik olarak ayarlar. Bu varsayılan davranışı önlemek için LastChildFill nesnesindeki DockPanel özelliğini false olarak ayarlayın veya Expander öğesinin DockPanel içinde son öğe olmadığından emin olun.

Kaydırılabilir içerik oluşturma

İçerik, içerik alanının boyutu için çok büyükse, içeriği kaydırılabilir hale getirmek için Expander'yı ScrollViewer içine alabilirsiniz. Denetim Expander otomatik olarak kaydırma özelliği sağlamaz.

Bir Expander denetimini bir ScrollViewer içine yerleştirdiğinizde, ScrollViewer içeriğinin açılma yönüne karşılık gelen Expander boyut özelliğini Expander içerik alanının boyutuna ayarlayın. Örneğin, eğer ExpandDirection üzerindeki Expander özelliğini Down olarak ayarlarsanız (içerik alanı aşağı açılır), denetim üzerindeki Height özelliğini içerik alanı için gerekli yükseklikte ScrollViewer olarak ayarlayın. Bunun yerine içeriğin kendisinde yükseklik boyutunu ayarlarsanız, ScrollViewer bu ayarı tanımaz ve bu nedenle kaydırılabilir içerik sağlamaz.

Hizalama özelliklerini kullanma

HorizontalContentAlignment ve VerticalContentAlignment özelliklerini denetim üzerinde ayarlayarak içeriği hizalayabilirsiniz. Bu özellikleri ayarladığınızda, hizalama hem üst bilgi hem de genişletilmiş içeriğe uygulanır.

Stiller ve şablonlar

Denetimin stillerini ve şablonlarını Expander değiştirerek denetime benzersiz bir görünüm verebilirsiniz. Daha fazla bilgi için bkz. Stiller ve şablonlar nedir? ve Denetim için şablon oluşturma.

İçerik özelliği

Öğesinin Expander içerik özelliği, Content denetiminin genişletilmiş alanında görüntülenen içeriği temsil eder.

Parçalar

Expander denetimi aşağıdaki adlandırılmış bileşene sahiptir:

Bölüm Adı Parça Türü Description
HeaderSite Geçiş Düğmesi Bir genişleticiyi genişleten ve daraltan aç/kapa düğmesi.

Görsel durumlar

Aşağıdaki tabloda denetimin görsel durumları listelenmiştir Expander .

VisualState Adı VisualStateGroup Adı Description
Sıradan OrtakDurumlar Kontrol normal durumda.
Mouseover OrtakDurumlar Fare denetimin üzerinde.
Disabled OrtakDurumlar Denetim devre dışı bırakıldı.
Focused FocusStates Denetimin klavye odağı vardır.
Odaklanmamış FocusStates Kontrolün klavye odağı yoktur.
Expanded ExpansionStates Denetim genişletilir.
Çökmüş ExpansionStates Denetim kapatıldı.
Aşağı Doğru Genişlet ExpandDirectionStates Kontrol aşağı doğru genişler.
Yukarı Genişlet ExpandDirectionStates Kontrol yukarı doğru genişler.
Sola Genişlet ExpandDirectionStates Denetim sola doğru genişler.
SağaGenişlet ExpandDirectionStates Kontrol sağa doğru genişler.
Geçerli DoğrulamaDurumları Denetim geçerli ve doğrulama hatası yok.
GeçersizOdaklı DoğrulamaDurumları Kontrol öğesinde doğrulama hatası var ve klavye odağı bulunuyor.
InvalidUnfocused DoğrulamaDurumları Denetimde doğrulama hatası var ancak klavye odağı yok.

Ayrıca bakınız