問題タブ [wrappanel]

I want to make a grid with wrap panel behavior and resizable control inside it, how can I do this? maybe it's easier to show what I want in images :

initial state:

resize control 1 with direction bottom-right so it will take around 2x2 cells, then control 2 and so on will rearrange it's position on the grid:

when it's resized back it should be back to initial state.

ItemsControl内のItemsPanel内のWrapPanelを使用しています。追加されたアイテムがサイズに合う限り、これは完璧に機能します。コンテンツがサイズを超える状況に対応するために、ScrollViewerを追加しました。しかし、今では、すべてが収まるとしても、アイテムは垂直方向にのみリストされます。それが可能かどうか、そして私がしなければならないことについての考え。

これが私のxamlです：

（灰色の背景をWrapPanel持つ）の中に（緑色の背景を持つ）1つがあります。ListBox

StackPanelに（指定された画像の下のボタンをクリックして）複数回動的に追加しようとしていますWrapPanel。

には、コンテンツ「X」を持つ がStackPanel含まれています。このボタンをクリックするとButton、個々のオブジェクト (オレンジ色の背景) を削除したいと考えています。StackPanel

どのように解決できますか？

私はちょっと奇妙な問題を抱えています。

これが状況です。私は を持っており、データをs に表示するようにListView定義されたカスタムがあり、その中に含まれるもの (1 つのトグル ボタン + 1 つのカスタム コントロールを含む)があります。ただし、 をチェックすると、カスタム コントロールが表示され、同じ行にある他のすべてのコントロールが垂直方向の中央に移動します。理想的には、これらのメンバーがトップに留まることを望んでいます。可能な限りどこでも設定しようとしましたが、とにかく変わりません。GroupStyleExpanderWrapPanelStackPanelsStackPanelToggleButtonToggleButtonVerticalAlignment="Top"

画像化された問題:

エキスパンダーの初期状態:

をクリックするToggleButtonと、次のようになります。

ご覧のとおり、[テスト分析] ボタンが中央に移動されています。元の場所と同じ場所にとどまりたいです。

さらに、これらのスタイルはすべて個別DataTemplateの s オブジェクトで定義しました。ここにいくつかの軽いコードがあります (ここでは、問題に役に立たないものを削除しただけで、大量の XAML コードを読む必要はありません:)):

エキスパンダーのコンテンツ プロパティ:

リストのItemsPanel:

リストのItemsTemplate:

次の XAML コードがあります。

FriendsList幅は420pxです。

私の問題は次のとおりです。2 つの項目列が必要ですが、1 つしか表示されません。

何かアドバイス？

Silverlight 4 ListBox ItemsPanel の WrapPanel をドロップしても、何も表示されないのはなぜなのか、非常に当惑しています。ItemsPanel のみをコメント アウトすると、テキスト付きの小さな画像の通常の垂直リストが表示されます。WrapPanel が実際に存在することを確信させるために、WrapPanel に背景色を追加しました。骨の折れる何かが欠けていると思いますが、それは何ですか?

WPF で WrapPanel を使用して画像を表示しています。フォームのサイズを変更するとき、これらの画像は空きスペースを最大限に活用しようとしますが、画像がスペースをほぼ埋めることができる場合、WrapPanel の最後に比較的大きなギャップがあります。私がやりたいことは、新しい画像がこのギャップを埋める前に、画像間でこのスペースを共有することです (画像アイコンを表示するときに Windows 7 エクスプローラーが行っていることのように)。

これが私のコードです。StackPanelは直接UserControlにあることに注意してください。

（コード編集済み）

そのスクロールビューアのコンテンツは無関係であるため、長方形がちょうどそこにあることに注意してください。

問題は、WrapPanelが水平方向に拡張するだけで、ラップしないことです...

私はいくつかの解決策を見つけました：

1. WrapPanelに絶対幅を指定します（ただし、ウィンドウに合わせてサイズは変更されません）。

2. 幅をその親の幅にバインドする-ItemsControlまたはScrollViewerのいずれか（ScrollViewerは、このような限られた状況でより適切に機能しました）。

   /li>

この手法の問題は、StackPanelまたはGridでコントロールがその横にある場合、その親サイズから隣のコントロールを引いたものにバインドする必要があることです。次に、難しいものがあります。受信した数値に数学演算を適用するコンバーターを作成したので、親の幅から特定の幅を引くことができます。

ただし、それでも、ConverterParameterに渡す値をバインドすることはできないため、

が欲しいです：

• WrapPanelとScrollViewerのサイズ変更を適切に使用してアプリのサイズを変更できるようにするには、
• 私のUserControlは簡単に保守できます。
• 親コントロールのタイプに依存するこれらの大きなバインディング式よりもクリーンなコードです。

より良い解決策は何ですか？

注：不明な点がある場合は、詳細を追加できます。

下の写真のようなラップパネルを入手するにはどうすればよいですか？2つのボタン<>とテキストブロックが左に整列し、テキストボックスが右に整列します。ウィンドウの幅のサイズを変更すると、テキストボックスは新しい行に自動的に折り返されます。

タイル データ テンプレートを使用してリストボックスを作成しました。私が今理解しようとしているのは、マウスオーバーまたは選択されたイベントが発生したときに各リストボックス項目にスケール効果を適切に適用し、ラップパネル内で適切にレンダリングする方法です. 現在、ListBoxItemTemplate の表示状態にアニメーションを追加しています。

いくつかの考慮事項: アニメーションが呼び出されると、ラップ パネル内のタイルが再配置されず、スケーリングされたアイテムが適切に表示されるようになります。ラップ パネル内のアイテムを再配置して、スケーリングされたアイテムが表示されるようにしたいと考えています。

また、拡大縮小したアイテムがラップ パネルの境界を超えていることに気付きました。拡大縮小したアイテムをラップ パネルの表示可能領域に制限する方法はありますか?

検索ビューで使用されるコード

ResultsItemsControlPanelTemplate は app.xaml で次のように定義されています。

どこを見るべきかについての提案をいただければ幸いです 事前に感謝します

現在の結果のイメージ