瓷磚和longlistselector項目模板

Question

我想使用瓷磚 創建longlistselector的itemtemplate是否有可能？ 如何在xaml中做到這一點？ 有人可以告訴我一些代碼來做到這一點嗎？

Answer 1

使用longlistselector對於此tile應用程序非常簡單。

<phone:PhoneApplicationPage.Resources> 
    <DataTemplate x:Key="TileDataTemplate"> 
     <Grid Background="{StaticResource PhoneAccentBrush}" 
       Margin="0,0,12,12"> 
      <StackPanel VerticalAlignment="Top"> 
       <TextBlock Text="{Binding Content}" TextWrapping="Wrap"/> 
      </StackPanel> 

      <StackPanel VerticalAlignment="Bottom"> 
       <TextBlock Text="{Binding Title}" Margin="6,0,0,6"/> 
      </StackPanel> 
     </Grid> 
    </DataTemplate> 
</phone:PhoneApplicationPage.Resources> 

<phone:LongListSelector Margin="0,0,-12,0" 
            SelectionChanged="LongListSelector_SelectionChanged" 
            LayoutMode="Grid" 
            GridCellSize="150,150" 
            ItemsSource="{Binding DataBindingItems}" 
            ItemTemplate="{StaticResource TileDataTemplate}" 
            /> 

這裏最重要的事情需要注意的是在LayoutMode = 「網格」 GridCellSize = 「150,150」性能。

編輯::: 我加入了代號爲平鋪在那裏我會出現瓷磚有兩個的TextBlocks顯示出來到底在上面，然後標題一些內容。你必須連接一些示例數據或動態的方式取決於後面的代碼。如果需要，請給我平息。這是非常基本的東西。接受，如果你得到答案。

Answer 2

// find the tile object for the application tile that using "flip" contains string in it. 
     ShellTile oTile = ShellTile.ActiveTiles.FirstOrDefault(x => x.NavigationUri.ToString().Contains("flip".ToString())); 


     if (oTile != null && oTile.NavigationUri.ToString().Contains("flip")) 
     { 
      FlipTileData oFliptile = new FlipTileData(); 
      oFliptile.Title = "Hello WP8!!"; 
      oFliptile.Count = 11; 
      oFliptile.BackTitle = "Updated Flip Tile"; 

      oFliptile.BackContent = "back of tile"; 
      oFliptile.WideBackContent = "back of the wide tile"; 

      oFliptile.SmallBackgroundImage = new Uri("Assets/Tiles/Flip/159x159.png", UriKind.Relative); 
      oFliptile.BackgroundImage = new Uri("Assets/Tiles/Flip/336x336.png", UriKind.Relative); 
      oFliptile.WideBackgroundImage = new Uri("Assets/Tiles/Flip/691x336.png", UriKind.Relative); 

      oFliptile.BackBackgroundImage = new Uri("/Assets/Tiles/Flip/A336.png", UriKind.Relative); 
      oFliptile.WideBackBackgroundImage = new Uri("/Assets/Tiles/Flip/A691.png", UriKind.Relative); 
      oTile.Update(oFliptile); 
      MessageBox.Show("Flip Tile Data successfully update."); 
     } 
     else 
     { 
      // once it is created flip tile 
      Uri tileUri = new Uri("/MainPage.xaml?tile=flip", UriKind.Relative); 
      ShellTileData tileData = this.CreateFlipTileData(); 
      ShellTile.Create(tileUri, tileData, true); 
     }