2

次のスタイル/デザインでアプリを開発したいと思います。

フロントページのデザインモックアップ 実装に関するいくつかのコメント：

  • コンテンツは動的に読み込まれます（3つのカテゴリ（字幕1〜3）は固定されています。
  • サブアイテムの数（灰色）は異なります
  • ユーザーが右にスクロールできるようにしたい（メトロアプリでは通常どおり）

残念ながら、（XAMLでの）実装にいくつかの問題があります。

  • ItemsPanelTemplate内にVirtualizingStackPanel（Orientation =Horizo​​ntal）を持つGridView（サンプルチュートリアルのように）を試しました。3つのカテゴリ（緑、黄、灰色）は、異なるテンプレートのグリッドとして表示されます。

  • これはほとんど問題なく動作しますが、今では好きではない/必要のないGridViewの複数の機能があります。それを選択して少しドラッグすることができます。SelectionModeなどを無効にしました。残念ながら、ホバー効果は引き続き発生し、カテゴリ全体を少しドラッグする可能性もあります。このホバーとドラッグを削除したIsHitTestVisible=falseを試しましたが、カテゴリ内のすべてのボタンとクリックイベントを無効にしました。

どうすればこれをより良くすることができますか、例えば私の問題を解決できますか？

ヒントや提案は大歓迎です。ありがとう！

4

2 に答える 2

3

Style = "{StaticResourceHorizo​​ntalScrollViewerStyle}"でScrollViewerを使用し、3つのカテゴリを持つStackPanelをItemsControlsとして配置し、ItemsPanelsを好きなように定義するか、GridViewItemのテンプレートを変更してホバーしたときに何が起こるかを変更できます。デザイナでXAMLファイルを開き、GridViewを右クリックして、[追加のテンプレートの編集] / [生成されたアイテムコンテナの編集（ItemContainerStyle）] / [コピーの編集...]を選択します。これにより、デフォルトのテンプレートが抽出され、PointerOverの視覚的な状態が表示されます。変更する必要があります。VisualStateからストーリーボードを削除するか、ホバーフィードバックの視覚化に使用される関連コントロールを削除することもできます。

于 2012-07-31T16:01:45.953 に答える
0

Windows 8.1では、このためのコントロールを使用できます。これは、 XAMLハブコントロールサンプル[Windows.UI.Xaml.Controls.Hub][1]に示されています。このコントロールは、図のように異種データセットを表示するために作成され、子GridViewなどを含めることができます。

于 2014-03-27T16:09:12.930 に答える