显示图像交换像Windows Phone中的图片库C＃

Question

我不能像Windows Phone中的图像库一样顺利交换。

我试过flip gesture listener，它能够交换图像但不能平滑交换。

我试图搜索，但没有得到任何答案。我试图以画廊视图的方式显示图像列表。我从过去3天开始挣扎。如果你给我一些建议或链接，请给予帮助。

Answer 1

这是一个简单的例子，我刚建的向你展示它如何做..希望你能有所帮助

<phone:PhoneApplicationPage xmlns:Controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls" 
x:Class="PhotoChooser.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" 
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" 
FontFamily="{StaticResource PhoneFontFamilyNormal}" 
FontSize="{StaticResource PhoneFontSizeNormal}" 
Foreground="{StaticResource PhoneForegroundBrush}" 
SupportedOrientations="Portrait" Orientation="Portrait" 
shell:SystemTray.IsVisible="True"> 

<!--LayoutRoot is the root grid where all page content is placed--> 
<Grid x:Name="LayoutRoot" Background="Transparent"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <!--TitlePanel contains the name of the application and page title--> 
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> 
     <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/> 
     <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 
    </StackPanel> 

    <!--ContentPanel - place additional content here--> 
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
     <ListBox x:Name="lbImages"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <Controls:Panorama> 
         <Controls:PanoramaItem> 
          <Image Source="{Binding ImageName}"/> 
         </Controls:PanoramaItem> 
        </Controls:Panorama> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 
    </Grid> 
</Grid> 

与此设计器的类文件是这样的

public partial class MainPage : PhoneApplicationPage 
{ 
    public MainPage() 
    { 
     InitializeComponent(); 

     PanoramaItem panItem = new PanoramaItem(); 
     List<ImageList> imgList = new List<ImageList>(); 


     imgList.Add(new ImageList() { ImageName = ImagePath.Image4 }); 
     lbImages.ItemsSource = imgList; 
    } 

    public class ImageList 
    { 
     public string ImageName { get; set; } 
    } 
} 

这实际上工作顺利，看起来也不错..有很多方法可以实现你正在尝试。请让我知道这是否有效。如果这不适合你，我会建议其他人！