問題タブ [scaletransform]

画像を水平方向に 4 回反転させ、同時に縮小したいと考えています。

反転するための次のコードがあります。

そして、スケールダウンのために scale_down.xml に次のコードがあります。

ただし、Eclipse のエミュレーターでアプリを実行すると、画像の反転が厄介な効果を示します。画像からわかるように、フリップしているときに、縦方向の一方の辺がもう一方の辺よりも長くなり、ストレッチ効果が生じることがありますが、これは私が望んでいるものではありません。その影響を排除するのに役立つものはありますか？

C#/XAML で Windows 8.1 アプリを設計しています。Windows Phone で見られる傾斜効果を再現しようとしています。ScaleTransform と PointerDownThemeAnimation の両方でこれを試しました。

ただし、Y 方向ではスケール効果が壊れているように見えます。UI 要素を縮小するだけでなく、ページ上で垂直方向に押し下げます。8.1 より前の Windows 8 アプリでスケールを使用しましたが、この問題はありませんでした。

見知らぬ人でさえ、デザインビューではうまく機能します。RenderTransformOrigin を「0.5, 0.5」に設定してみました。テキスト ブロックのスケールを 0.5 に設定するとどうなるかの例を次に示します。

問題は何だと思いますか、どうすれば解決できますか? ありがとう

編集: XAML のほとんどは次のとおりです。

スケール 0.5 の 'Newest' テキスト ブロックがサンプル イメージに表示されます。「PalettePanelHeight」は、コード内の Window.Current.Bounds.Height にすぎません。

Control から派生する簡単なカスタム コントロールを作成しました。

このコントロールには、ScaleTransform の xaml でバインドする 2 つの DP があります。

コードビハインド。

XAML。

WindowでMyControlを使用しています。LayoutTransform の背後にある Window コードで ScaleX および ScaleY プロパティを変更した後、問題は発生しません。

そこで、ScaleX と ScaleY のハンドラーを MyControl に追加しました。これらのハンドラーは、手動で ScaleTransform を実行します。これは機能します。では、TemplateBinding のどこに問題があるのでしょうか?

この回避策により、ScaleTransform が機能します。

私の考えは、ライブ タイル(ビットマップ イメージにレンダリングし、タイルの背景として使用) として使用されるカスタム タイル コントロールを作成し、アプリ内でLongListSelectorを作成することです。両方のシナリオに同じコントロールを使用することで、同じように見えるようになります。

ここに私のカスタム Tile コントロールの短いサンプルがあります:

LongListSelectorで使用したい場合は、336x336 から 200x200 ピクセルに縮小する必要があります。単純なScaleTransformで試してみましたが、結果は期待したものと同じではありません。

結果は次のとおりです。

赤い四角形は、 ScaleTransformを使用したカスタム Tile コントロールです。変換後、再び正方形になり、336x336 から 168x168 に縮小されます (ほんの一例)。上の画像では、高さは正しいのですが、幅が小さすぎます。

カスタム タイル コントロールのサイズを 200x200 ピクセルに変更し、同じScaleTransformを係数 0.5 で使用すると、正しく縮小されるため、これは奇妙です。

内部の影と内部の画像で div をスケーリングしようとしています。コードは次のとおりです。

問題は、マウスを div に合わせると、内側の影を隠している div に画像が表示されることです。

私はすでに div:hover を z-index:3 しようとしましたが、結果はありません。あなたは私を助けることができます？

前もって感謝します

ラベル作成プログラムを書いています。このプログラムでは、中央に白い長方形が配置されたキャンバスがあり、その上にユーザーがサイズ変更、ドラッグなどを行うことができる複数のオブジェクトがあります。ユーザーがキャンバスをズームするオプションもあります。これは、 を使用して実現しScaleTransformますLayoutTransform。ユーザーがズームインすると、キャンバスが右上ではなく中央にズームインするようにしたいと考えています。

ここにデモンストレーションがあります：

現在、キャンバスは次のようにズームします。

次のようにズームする必要があります。

ズーム時にキャンバス内の要素を再配置せずに、このタスクを達成するにはどうすればよいですか?

注：これを に埋め込む必要があるため、LayoutTransform を使用していScrollViewerます。RenderTransformこれを実現しますが、キャンバス要素が表示されているキャンバスの境界を超えると、ユーザーはスクロールできなくなります。

現在、一定量の部屋を含むフロア プラン マップのプロジェクトに取り組んでいます。各部屋は Raphael.js 形状として表されており、形状の中央にはいくつかのタスクがあります。フォント サイズ 形状ごとに固定する必要があるタスクの数。

ズームインの場合:

同様にズームアウトします。

そして、それはうまくいきます。

[画面に合わせる] ボタンをクリックすると、マップが画面に収まります。

ただし、フォントもスケーリングされます。それを止める方法はありますか？