問題タブ [layoutpanels]

このJQM GitHub ページで、2 つのパネルを同時に開いたままにしておくことについて誰かが質問しています。この質問が Web で尋ねられるときはいつでも、通常、これは JQM では基本的に不可能であり、いずれにせよ一般的に望ましくないというものであり、ここでも例外ではありません。しかし、これを言った同じ開発者は次のように述べています。

デモで同じことをどのように行ったかをご覧になることをお勧めします。左側のメニューはパネルですが、カスタム CSS を使用して、そのコンテンツをより広い画面で常に表示できるようにしました。右側には、検索用のオーバーレイ パネルがあります。

私はそのページを隅々まで見ました。サイドメニューは確かにメニューで、閉じることはできないようです。入った

Chrome コンソールでは、コンソールで変更されていない要素を返す以外に効果はありませんでしたが、検索パネルを開いて、「navmenu」の代わりに「search」を使用して同じコマンドを実行すると、検索パネルが目に見えて閉じます。

このようにするために何が行われたのかわかりません。プロジェクトで同じ効果を複製したいと思います。画面が広い場合 (実質的にはサイドバーのみ)、2 つのパネルを閉じることはできませんが、小さな画面では正常に動作します。

価値のあることとして、パネルのドキュメントには、プログラムで2つのパネルを開く方法がリストされていますが、私はそれを機能させることができませんでした。上記を書いた同じ開発者は、 JQM CSSはこれをサポートしておらず、メソッドはドキュメントから削除されます。

tl;dr:カスタム WPF パネル クラスの定義済みWPF パネルの既存のレイアウト ロジックを再利用したいと考えています。この質問には、これを解決するための 4 つの異なる試みが含まれており、それぞれに異なる欠点があり、異なる障害点があります。また、小さなテスト ケースがさらに下にあります。

問題は、この目標を適切に達成するにはどうすればよいかです。

• カスタムパネルを定義しながら
• 別のパネルのレイアウト ロジックを内部的に再利用します。
• これを解決するための私の試みで説明されている問題に遭遇しましたか?

---

カスタム WPFパネルを作成しようとしています。このパネル クラスでは、推奨される開発手法に固執し、きれいな API と内部実装を維持したいと思います。具体的には、次のことを意味します。

• コードのコピーと貼り付けは避けたいです。コードのいくつかの部分が同じ機能を持っている場合、コードは一度だけ存在し、再利用する必要があります。
• 適切なカプセル化を適用し、外部ユーザーが安全に使用できるメンバーのみにアクセスできるようにしたいと考えています (内部ロジックを壊したり、内部の実装固有の情報を提供したりすることはありません)。

当面は、既存のレイアウトに固執するつもりです。別のパネルのレイアウト コードを再利用したいと思います (ここで提案されているように、レイアウト コードを再度記述するのではなく)。例として に基づいて説明DockPanelしますが、どのような種類の にも基づいて、一般的にこれを行う方法を知りたいですPanel。

レイアウト ロジックを再利用するために、パネルにビジュアルの子として を追加するつもりですDockPanel。これにより、パネルの論理的な子が保持され、レイアウトされます。

これを解決する方法について 3 つの異なるアイデアを試しましたが、別のアイデアがコメントで提案されましたが、これまでのところ、それぞれが異なる時点で失敗しています。

---

1) カスタム パネルのコントロール テンプレートに内部レイアウト パネルを導入する

これは最も洗練されたソリューションのように思えます。このように、カスタム パネルのコントロール パネルは、ItemsControlプロパティItemsPanelがを使用しDockPanel、プロパティがカスタム パネルのプロパティItemsSourceにバインドされているを特徴とすることができます。Children

残念ながら、Panelは から継承してControlいないため、Templateプロパティも、コントロール テンプレートの機能サポートもありません。

一方、Childrenプロパティは によって導入されるPanelため、 には存在しません。また、意図した継承階層から抜け出して、実際にはであるが ではないControlパネルを作成するのはハッキーと見なされる可能性があると思います。ControlPanel

---

2) 内側のパネルの子リストの単なるラッパーである、私のパネルの子リストを提供します

このようなクラスは次のようになります。UIElementCollectionパネル クラスをサブクラス化し、CreateUIElementCollectionメソッドのオーバーライド バージョンからそれを返しました。(ここでは実際に呼び出されるメソッドのみをコピーしました。他のメソッドは をスローするNotImplementedExceptionように実装したので、他のオーバーライド可能なメンバーが呼び出されていないことは確かです。)

これはほぼ正しく動作します。DockPanelレイアウトは期待どおりに再利用されます。ElementName唯一の問題は、バインディングがパネル内のコントロールを名前で (プロパティを使用して) 検索しないことです。

LogicalChildrenプロパティから内部の子を返そうとしましたが、これは何も変更しませんでした:

ユーザーArieによる回答では、クラスがこれに重要な役割を果たしていることが指摘されました。何らかの理由で、子コントロールの名前が関連するものに登録されません。これは、子ごとに呼び出すことで部分的に修正される可能性がありますが、正しいインスタンスを取得する必要があります。また、例えば子供の名前が変わったときの振る舞いが他のパネルと同じになるかどうかはわかりません。NameScopeNameScopeRegisterNameNameScope

代わりにNameScope、インナーパネルの設定を行う方法のようです。TestPanel1（コンストラクターで）簡単なバインディングでこれを試しました：

残念ながら、これNameScopeは内部パネルの を に設定するだけnullです。Snoopを使用して確認できる限り、実際のNameScopeインスタンスは、親ウィンドウのNameScope添付プロパティ、またはコントロール テンプレート (またはおそらく他のキー ノードによって定義されたビジュアル ツリーのルート) にのみ格納されます。 ）、タイプは問いません。もちろん、コントロール インスタンスは、その有効期間中にコントロール ツリーのさまざまな位置で追加および削除される可能性があるため、関連するNameScopeものは時々変更される可能性があります。これも、バインディングが必要です。

残念ながら、 *the first found node that has a non- value assigned to the attached propertyRelativeSourceなどの任意の条件に基づいてバインディングを定義することはできないため、ここで再び立ち往生します。nullNameScope

周囲のビジュアル ツリーの更新に対応する方法に関するこの他の質問が有用な回答をもたらさない限りNameScope、特定のフレームワーク要素に現在関連するものを取得および/またはバインドするより良い方法はありますか?

---

3) 子リストが外側のパネルと同じインスタンスである内側のパネルを使用する

内側のパネルに子リストを保持し、呼び出しを外側のパネルの子リストに転送するのではなく、これは一種の逆の方法で機能します。ここでは、外側のパネルの子リストのみが使用されますが、内側のパネルは独自のリストを作成することはなく、単に同じインスタンスを使用します。

ここでは、名前によるコントロールへのレイアウトとバインドが機能します。ただし、コントロールはクリックできません。

どうにかして呼び出しをHitTestCore(GeometryHitTestParameters)内側HitTestCore(PointHitTestParameters)のパネルに転送する必要があると思います。ただし、内側のパネルでは にしかアクセスできないため、元の実装が尊重していたであろう情報を失うことも無視することもなくInputHitTest生のインスタンスを安全に処理する方法も、を処理する方法もわかりません。シンプル。HitTestResultGeometryHitTestParametersInputHitTestPoint

さらに、コントロールは、たとえば を押してフォーカスすることもできませんTab。これを修正する方法がわかりません。

さらに、内側のパネルと子の元のリストの間のどの内部リンクが、その子のリストをカスタムオブジェクトに置き換えることによって壊れているかわからないため、この方法には少し注意が必要です。

---

4) パネルクラスから直接継承

ユーザーClemensは、クラスに から直接継承させることを提案していDockPanelます。ただし、これが適切ではない理由が 2 つあります。

• 私のパネルの現在のバージョンは、 のレイアウト ロジックに依存しDockPanelます。ただし、将来のある時点で、それでは十分ではなくなり、誰かが実際にパネルにカスタム レイアウト ロジックを記述しなければならなくなる可能性があります。その場合、インナーDockPanelをカスタム レイアウト コードに置き換えるのは簡単ですがDockPanel、パネルの継承階層から削除すると、重大な変更が発生します。
• 私のパネルが から継承している場合、パネルのユーザーは、特にDockPanelによって公開されているプロパティをいじって、レイアウト コードを妨害できる可能性があります。それだけのプロパティですが、すべてのサブタイプで機能するアプローチを使用したいと思います。たとえば、 から派生したカスタム パネルはおよびプロパティを公開します。これにより、自動生成されたレイアウトは、カスタム パネルのパブリック インターフェイスを介して完全に破棄される可能性があります。DockPanelLastChildFillPanelGridColumnDefinitionsRowDefinitions

---

説明されている問題を観察するためのテスト ケースとして、テスト対象のカスタム パネルのインスタンスを XAML で追加し、その要素内に以下を追加します。

テキスト ブロックはテキスト ボックスの左側に配置し、現在テキスト ボックスに書かれている内容を表示する必要があります。

テキスト ボックスはクリック可能であり、出力ビューにはバインディング エラーが表示されないことが期待されます (したがって、バインディングも機能するはずです)。

---

したがって、私の質問は次のとおりです。

• 私の試みのいずれかを修正して、完全に正しい解決策に導くことはできますか? または、私が探していることをしようとしたことよりも好ましい完全に他の方法はありますか?