WPF - 如何使ItemsControl单项内容大于ItemsControl本身

时间:2015-01-06 20:49:41

标签: wpf xaml silverlight

是否可以为ItemsControl创建一个数据窗口,这将放大'放大'所选项目的内容超出ItemsControl高度,重叠其他ItemsControl项目 - 但不更改ItemsControl高度/宽度,而不移动相邻的ItemsControl项目。 我有交互触发器和绑定等,只需要能够实现的UI元素。 尝试过Popup元素 - 但它看起来并不是最好的解决方案。

编辑:

再次感谢您的回复,我试图发布一个更简单的问题描述 - 这是我的错误,抱歉。这是一个确切的问题: (尝试应用ScaleTransform - 它使我的ScrollViewer更大)

<s:SurfaceScrollViewer MaxWidth="1920" Margin="50" ClipToBounds="False"
                       VerticalAlignment="Center" HorizontalAlignment="Center"
                       Visibility="{Binding Path=ScrollViewerYearVisibility}">
    <ItemsControl HorizontalAlignment="Center" BorderBrush="Red" BorderThickness="3"
                  ItemsSource="{Binding Path=YearItemsSource}"
                  ItemTemplate="{StaticResource DataTemplateYearItem}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>
</s:SurfaceScrollViewer>


<DataTemplate x:Key="DataTemplateYearItem">
    <Grid VerticalAlignment="Center" HorizontalAlignment="Center" ClipToBounds="False">
        <Grid.InputBindings>
            <MouseBinding MouseAction="LeftDoubleClick" Command="{Binding Path=CommandDeviceDoubleClick}"/>
        </Grid.InputBindings>

        <Image VerticalAlignment="Center" HorizontalAlignment="Center"
                Width="200" Height="200" Stretch="None"
                Source="{Binding Path=ContentImagePathCurrent}">
        </Image>

        <Image VerticalAlignment="Center" HorizontalAlignment="Center" ClipToBounds="False"
                    Margin="-248,-210,0,0"
                    Stretch="None"
                    Source="{Binding Path=SlideCurrent.ContentImagePath}">
            <Image.RenderTransform>
                    <ScaleTransform ScaleX="3" ScaleY="3"/>
            </Image.RenderTransform>
        </Image>

    </Grid>
</DataTemplate>

0 个答案:

没有答案