2

WP8 アプリで非常に奇妙で厄介な問題が発生しました。

パノラマ コントロールを使用して、ネットからダウンロードした項目を表示しています。コンテンツのダウンロード中に表示されるビューがありますが、コンテンツの読み込みが完了すると折りたたまれます。

「読み込み中」ビューが折りたたまれていると、選択した項目に関係なく、パノラマ コントロールがコントロールの最初の項目に戻ることがわかりました。

問題を示す次の非常に基本的なテスト コードがあります。

XAML:

<phone:PhoneApplicationPage
    x:Class="Wp8.GUI.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"
    xmlns:converters="clr-namespace:Wp8.Gui.Converters"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.Resources>
               <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
            </Grid.Resources>


      <phone:Panorama ItemsSource="{Binding PanoramaItems}">
            <phone:Panorama.HeaderTemplate>
               <DataTemplate>
                  <Grid HorizontalAlignment="Stretch">
                     <TextBlock Text="{Binding Title}" />
                  </Grid>
               </DataTemplate>
            </phone:Panorama.HeaderTemplate>


            <phone:Panorama.ItemTemplate>
               <DataTemplate>
                  <Grid>
                     <StackPanel x:Name="Visible1" Visibility="{Binding ShowFirst, Converter={StaticResource BooleanToVisibilityConverter},ConverterParameter=True}" >
                        <ProgressBar IsIndeterminate="True" />
                        <TextBlock Text="ShowFirst" />
                     </StackPanel>

                     <StackPanel x:Name="Visible2" Visibility="{Binding ShowFirst, Converter={StaticResource BooleanToVisibilityConverter},ConverterParameter=False}" >
                        <TextBlock Text="Show  Second" />
                     </StackPanel>
                  </Grid>
               </DataTemplate>
            </phone:Panorama.ItemTemplate>
         </phone:Panorama>
      </Grid>
</phone:PhoneApplicationPage>

VM と分離コードは次のとおりです。

namespace Wp8.GUI
{
   public class PanItemVm : INotifyPropertyChanged 
   {
      private readonly string _title;
      private bool _showFirst = true;

      public PanItemVm()
      {
         _title = "Control";
      }

      public PanItemVm(string title)
      {
         _title = title;
      }

      public string Title { get { return _title; } }

      public bool ShowFirst
      {
         get { return _showFirst; }
         set
         {
            _showFirst = value;
            RaisePropertyChanged("ShowFirst");
         }
      }

      private void RaisePropertyChanged(string propName)
      {
         if (PropertyChanged != null)
         {
            PropertyChanged(this, new PropertyChangedEventArgs(propName));
         }
      }

      public event PropertyChangedEventHandler PropertyChanged;
   }

   public class PanItemVm2 : PanItemVm
   {
      public PanItemVm2() : base ("Items") 
      {
         Task.Run(() => Task.Delay(TimeSpan.FromSeconds(5))) 
             .ContinueWith(t => ShowFirst = false, 
                           TaskScheduler.FromCurrentSynchronizationContext());
      }
   }

   public class TestVm : INotifyPropertyChanged
   {
      public IEnumerable<PanItemVm> PanoramaItems
      {
         get { 
            return Enumerable.Range(0, 2)
                   .Select(i => i == 0 ? 
                           new PanItemVm() : new PanItemVm2()); }
      }

      public event PropertyChangedEventHandler PropertyChanged;
   }

   public partial class MainPage : PhoneApplicationPage
   {
      public MainPage()
      {
         InitializeComponent();
         DataContext = new TestVm();
      }
   }
}

エミュレーターでコードを実行し、パノラマで Item2 にフリックするとします。5 秒後、「コントロール」とマークされたページにフリックして戻ります。

このテスト コードでは、a) ProgressIndicator が含まれている StackPanel をグリッドに変更する b) ProgressIndicator を削除することで、問題を回避できます。

ただし、これらのソリューションはどちらも適切なプロジェクトでは機能しませんが、BooleanToVisibilityConverter を使用する可視性コードを削除すると、フリックバックしません。

これを引き起こしている可能性のあるアイデアはありますか？役に立つ場合は、サンプル コード全体を投稿できます。

ありがとう

- - 編集 - -

BooleanToVisibilityConverter のコードは次のとおりです。

using System.Windows;
using System.Windows.Data;

namespace Wp8.Gui.Converters
{
   public class BooleanToVisibilityConverter : IValueConverter 
   {
      public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
      {
         if (value != null && value is bool)
         {
            bool visibilityValue = true;
            if(parameter != null)
            {
               if(parameter is string)
               {
                  bool.TryParse((string)parameter, out visibilityValue);
               }
            }

            return (bool)value == visibilityValue ? Visibility.Visible : Visibility.Collapsed;
         }

         return Visibility.Visible;
      }

      public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
      {
         throw new System.NotImplementedException();
      }
   }
}
4

1 に答える 1

3

私は同じ問題を抱えています。カルーセルに写真を表示するために使用しているパノラマ (全画面表示に変更) があります。メモリを低く抑えるために、パノラマの位置に基づいて写真のオン/オフを切り替える必要があります。ただし、画像が読み込まれるたびに、パノラマはデフォルトのアイテム、つまり最初のアイテムに戻ります。

そこで、別の質問をヒントに Panorama のソースコードを見てみました。現在のコードを見ることはできませんが、パノラマが WP ツールキットの一部だったときの様子を見ることができます。パノラマのサイズが変更されるたびに、内部スクロールビューアーがリセットされるようです。

 void OnSizeChanged(object sender, SizeChangedEventArgs e)
    {
        // clip to control layout
        LayoutRoot.SetValue(Panel.ClipProperty, new RectangleGeometry() { Rect = new Rect(0, 0, this.Width, this.Height) });

        // reset scroll viewer
        Dispatcher.BeginInvoke(() =>
        {
            ScrollView.Invalidate(false);
        });
    }

わかった。それが手がかりでした。そこで、サイズが変化しているものを確認しようとして、itemtemplate (私のヘッダーは存在しません) をいじってみました。何かがサイズを変更していました...何がわからない。そこで、すべてをグリッドでラップし、幅/高さ/最大幅/最大高さを画面の高さ/幅と等しくなるようにハードコーディングしました。それらは、デバイスの向きに応じて変化するビューモデルの計算値にバインドされています。

 <controls:PanoramaFullScreen.ItemTemplate>
            <DataTemplate>
                <Grid Width="{Binding LayoutWidth}"
                      MaxWidth="{Binding LayoutWidth}"
                      Height="{Binding LayoutHeight}"
                      MaxHeight="{Binding LayoutHeight}">
             {rest of stuff}
                </Grid>
            </DataTemplate>

できます！アイテム 1 に戻る必要はもうありません。

したがって、コードが PanoramaItem の全体的な高さ/幅を変更していると思われます。これにより、パノラマのサイズが変更され、内部スクロールビューアーがリセットされます。

于 2013-08-19T17:23:00.793 に答える