2

簡単に言うと、Html/CSS を使用して UI をレイアウトしてから約 8 年になります。最近、私は XAML/Silverlight/WPF に浸っていて、XAML を使用した UI の設計に本当に苦労しています。私は Silverlight レイアウト モデルの基本を理解しており、StackPanel と Grid の使用に少し慣れていますが、思ったほど早く習得できていないか、新しいトリックを習得している老犬なのかもしれません。;)

Html/CSS Web 担当者が XAML UI 開発を理解しやすくするために利用できるリソースやアドオン/コントロールはありますか?

はい、Expression Blend は役に立ちましたが、ゼロから同じレイアウトを作成することに慣れていない場合、「ウィザード/デザイン ツール」に依存することには慎重です。

RTFMしないでください。CSS/Box Model レイアウトのバックグラウンドを持つ人向けに書かれたリソースや役立つアドバイスの具体例を探しています。

たとえば、CSS で left: または width: の値を設定すると、特定の依存関係プロパティが同様に機能することがわかっています。私はその性質のより多くのアドバイスを探しています。

4

2 に答える 2

6

ニコラスが言及したWPFUnleashedの本は、どのような背景から来たとしても、確かに優れています。特定のリソースについては、役立つ可能性のあることがいくつかあります。

KaxamlとXAMLPadは、どちらもVSデザイナーやBlendよりも軽量でありながら、UIフィードバックを即座に提供するため、XAMLでレイアウトを構築するのに役立ちます。

XAMLでのレイアウトの動作について詳しく知るために、この記事では、レイアウトがさまざまな要素と要素の子にどのように影響するかについて説明します。
これは、Panelとその派生要素の概要です。これらは、ページ/アプリのレイアウトを実際に構築するために使用するすべてのものです。
この記事では、XAMLでアライメント/マージン/パディングがどのように機能するかについて概説します。それはあなたが期待するものとほぼ同じであり、すでに精通しているはずです。 レイアウトの最適化に関心がある場合は、ここにいくつかのより高度な情報があり
ます。

于 2009-06-07T21:15:06.487 に答える
4

Adam Nathan の優れたWindows Presentation Foundation Unleashedの本を見てみたいと思います。私も Web のバックグラウンドから始めましたが (それは数年前のことですが)、彼の本の最初の部分を読み終えた後、WPF で物事をレイアウトするのは簡単なことでした。私にとっては、レイアウトの異なるさまざまな種類のパネルがあり、さまざまな方法で達成したいことを表現できることを理解するまではわかりませんでした (例: 1 つの子が DockPanel に設定された DockPanel. Dock="Bottom" は通常、最初の行の高さが * に設定され、2 行目の高さが Auto に設定された 2 行のグリッドと同じ結果になります)。

Nathan の本は、各パネルが非常に基本的なレベルでどのように機能するかを詳細に説明しているため、優れています。基本を理解すれば、サンプルを見て Blend を使って試してみることが非常に簡単になり、すぐに熟練した WPF/SL 開発者が毎日目にするレイアウト パターンを目にするようになるでしょう... Webコンテンツに適用！

于 2009-06-07T21:02:20.957 に答える