1

私はWPFのアニメーション/グラフィック面に非常に慣れておらず、苦労しています。

4 つのテキスト ボックスとボタンで構成されるユーザー コントロールがあります。

コントロールの上部からバーをスライドさせてデータテンプレートを表示することを検討しています

攻撃の角度が非常に多様であるため、これまでに書いたコードや例を追加する必要はありません。Expand と Collapse の Storyboard が必要であることは理解していますが、MVVM の観点からこれをアニメーション化する方法がわかりません。

おそらく、コンテンツ コントロールを含む DockPanel または Stackpanel を使用するのが最善でしょうか? それとも全く違うもの？

関連するアニメーションまたは mvvm/animation チュートリアルは大歓迎です。

編集 - 「大まかな」コンセプト イメージを追加しました。

ここに画像の説明を入力

ありがとう。スティーブ

4

1 に答える 1

1

ビュー モデルに 2 つのプロパティを作成しました。ShowPane - boolean PaneInfo - 関連情報を表示する DataTable を表示するためにコンテンツ コントロールにバインドされたクラス。

<Control>
     <Control.Template>
           <ControlTemplate>
               <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding ShowPane}" Value="true">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="0" To="50" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="50" To="0" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                    <ContentControl DataContext="{Binding PaneInfo}" Name="InfoPanel" />
                </ControlTemplate>
            </Control.Template>
        </Control>
于 2013-06-16T12:26:01.323 に答える