TabItemを非同期でロードする

Question

タブアイテムを非同期でロードできますか？ 私の場合、私はいくつかのタブアイテムを含むタブコントロールを持っています。 ユーザーが1つのタブアイテムをクリックすると、短時間アプリケーションがフリーズしてタブアイテムが読み込まれます。

今、私はそれを変更したいと思います。ユーザーがタブアイテムをクリックすると、アニメーションが表示され、タブアイテムが完全にロードされた後、タブアイテムが表示されます。

誰かアイデア？

Answer 1

ロードに時間がかかっているかによって異なります。

データが一時停止を引き起こしている場合は、データを非同期にロードし、データのロード中にプレースホルダを表示します。データのロードが完了したら、実際の内容に変更することができます。

ここでは、一例です

あなた RelayCommand SelectedItemは、次のようなものに見えるかもしれません変更

<ContentControl> 
    <ContentControl.Style> 
     <Style TargetType="{x:Type ContentControl}"> 
      <Setter Property="ContentTemplate" Value="{StaticResource TabContentTemplate}" /> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding IsLoading}" Value="True"> 
        <Setter Property="ContentTemplate" Value="{StaticResource LoadingTemplate}" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </ContentControl.Style> 
</ContentControl> 

：ユーザーは、その後、かもしれない、それはロードに時間がかかっているあなたのUIなら

void ChangeTab(ITabViewModel newTab) 
{ 
    // Set loading flag and set tab as Selected 
    newTab.IsLoading = true; 
    SelectedTab = newTab; 

    // Create async task 
    var asyncTask = new Task(() => newTab.LoadData()); 

    // This runs after task is finished running 
    asyncTask.ContinueWith(p => newTab.IsLoading = false)); 

    // Start async task 
    asyncTask.Start(); 
} 

を初めてタブが読み込まれたときの最初の読み込み時間に対処する必要がありますが、すでに読み込まれたタブに切り替えるときに遅れを止めることができますextending the TabControl to keep it from destorying it's TabItems。

WPFのTabControlのデフォルトの動作は、別のタブに切り替えて戻ったときにリロードするときにTabItemをアンロードすることです。この回避策は既に読み込まれたタブのContentPresenterを保存し、元に戻すときに新しいタブを読み込むのではなく、保存したタブを再読み込みします。

ほとんどの場合、UI遅延は、非常に多数のUI要素が画面に表示されることによって発生します。タブ上の要素の数も減らしてみてください。たとえば、Labelsは、あなたが選択のようなラベル固有の機能ではなく、私はコメントしたいと思いますTextBlocks