SORU
8 Ocak 2010, Cuma


WPF: kaydırma çubuğu (ScrollViewer)ile ItemsControl

Takip ettim this küçük "eğitim" üzerinde nasıl bir kaydırma çubuğu eklemek için bir ItemsControl ve çalışır Tasarımcısı görünüm, ama, ben, derlemek ve çalıştırmak programı (sadece ilk birkaç öğeleri göstermek ve hiçbir kaydırma çubuğu görüntülemek için fazla bile VerticalScrollbarVisibility ayarlanır "Görünür" yerine "Auto").

Bu çözmek için nasıl herhangi bir fikir?


Bu benim öğeleri (normalde Veri bağlama ile çalışıyorum, ama benim Tasarımcı öğeleri görmek için manuel olarak ekledim) göstermek için kullandığım kod:

<ItemsControl x:Name="itemCtrl" Style="{DynamicResource UsersControlStyle}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Top">
            </StackPanel>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
</ItemsControl>

Ve bu benim Şablon:

<Style x:Key="UsersControlStyle" TargetType="{x:Type ItemsControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ItemsControl}">
                <Border SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
                    <ScrollViewer VerticalScrollBarVisibility="Visible">
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </ScrollViewer>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

CEVAP
8 Ocak 2010, Cuma


ItemsControl böyle ScrollViewer içinde barındırabilir: bir için bir kaydırma çubuğu almak için

<ScrollViewer VerticalScrollBarVisibility="Auto">
  <ItemsControl>
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
  </ItemsControl>
</ScrollViewer>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3dmmfavs

    3dmmfavs

    29 Kasım 2009
  • dcigs

    dcigs

    9 EYLÜL 2006
  • Mark Hyder

    Mark Hyder

    6 EKİM 2011