c# - 「詳細」コントロールを作成する方法

Question

コントロールを推奨するか、WPF アプリケーションでこれを行う簡単な方法を教えてください。私が欲しいのは、ボタンを押すと折りたたまれて展開されるコントロールです。Win7のデフォルトのように見えたら最高です。

Answer 1

ここにあります -エキスパンダー。IsExpandedプロパティを使用して のコンテンツの可視性をコードから変更するExpanderか、組み込みのトグル ボタンを使用してインタラクティブに変更します。

読み取り領域は のヘッダーExpander、緑色の領域は のコンテンツですExpander。同じ動作を実現するには、 Expander.ExpandDirectionプロパティをUp値 に設定する必要もあります。

IsExpanded = true展開をアニメーション化する場合は、アニメーション ストーリーボードにトリガーを追加する必要があります。

Answer 2

スタック パネルにすべての詳細情報を設定して、折りたたまれた状態の可視性に入れるようなものはどうでしょうか。ボタンを押すと、見えるように設定します。概要情報は折りたたみに設定され、その逆も同様です。

フォームのサイズはコンテンツに応じて変化するように Auto に設定する必要があります。

それが役立つことを願っています。

Answer 3

フレームワーク自体には正確にそれを行うものは何もありませんが、自分のやり方で簡単に曲げることができます。

Revealコントロール (Bag of Tricks から) を使用して、アニメーションをトリガーするトグル ボタンを下部のバーに配置できます。

コントロールをソリューションにコピーして貼り付け、次のように使用します。

<local:Revealer IsExpanded="{Binding DetailsShown}">
   <TextBlock Text="{Binding DetailInfoOne}" />
   ...
</local:Revealer>

そして別の場所（窓の下？）

<ToggleButton Content="More details" IsChecked="{Binding DetailsShown}" />

矢印ボタンを配置し、テキストを「詳細を少なく」に変更することは、読者の演習として残されています ;)