簡體   English   中英

Windows Phone 8中圖像的自動連續滾動

[英]Automatic continuous scrolling of an image in Windows Phone 8

假設我有一個尺寸為480x800的圖片。 我想在屏幕上放置一個方形控件(大小為480x480),該控件首先顯示圖像的最上部分,然后緩慢垂直滾動到圖像的末尾,直到到達圖像的末尾,它又向上又向下滾動,依此類推控件比圖像本身小是非常關鍵的,因為這里的主要問題是,如果整個圖像都在屏幕上,則會占用太多空間。

我也不希望用戶能夠手動滾動圖像,因為此控件將在LongListSelector中使用,並且單擊它會將您帶到顯示整個圖像的新頁面,因此該控件將提供一種顯示在其中的圖像的可滾動預覽,無需用戶手動滾動。

我嘗試使用ScrollViewer實現此功能,並嘗試查找其他實現方式,但沒有找到任何可行的方法。 我的問題是,是否有什么東西可以支持這種行為,或者是制作支持這種行為的自定義控件的最佳方法? 而且,如果有人對使用自定義控件實現此操作有任何提示,我將不勝感激。 謝謝。

我已經知道將不需要進行自定義控件。 經過更多的研究,我找到了一個合適的解決方案。 我使用ImageBrush將Border設置為背景,並將其設置為背景,並使用自動反轉並永久重復的動畫對其進行了動畫處理。 我將在下面發布解決方案,這可能對某人有用。

<Border Height="480" Width="480" Tap="animBegin">
    <Border.Resources>
        <Storyboard x:Name="transformAnimation">
            <DoubleAnimation Storyboard.TargetName="transform" 
                             Storyboard.TargetProperty="TranslateY" 
                             From="0" To="-320" Duration="0:0:5" 
                             AutoReverse="True" RepeatBehavior="Forever" />
        </Storyboard>
    </Border.Resources>
    <Border.Background>
        <ImageBrush Stretch="UniformToFill" 
                    ImageSource="/Assets/sample.jpg"
                    AlignmentY="Top">
            <ImageBrush.Transform>
                <CompositeTransform x:Name="transform" TranslateY="0"/>
            </ImageBrush.Transform>
        </ImageBrush>
    </Border.Background>
</Border>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM