問題タブ [viewbox]

私の Window には、カスタム プログレス バーを含む ViewBox コントロールがあります。特定の瞬間 (アプリへのログイン中) にのみ表示する必要があるため、デザイン モードで Visibility を Collapsed に設定しました。

ユーザーコントロールであるプログレスバーには、アニメーションを停止および開始する VisibilityChanged イベントのイベントハンドラーがあります。

ユーザーがログイン ボタンをクリックすると、ログインが完了するまでこの ViewBox を表示し、成功後に再度折りたたむ必要があります。しかし、(コード ビハインドで) ViewBox.Visibility = Visible を設定すると、表示されません。

理由、または修正方法を教えてもらえますか?

XAML:

ありがとう

画像コントロール-ビューボックスに配置されます。ウィンドウサイズが変更されたときの自動スケーリング用。すべてが完璧に機能します。

私の場合、補間のタイプを変更することは可能ですか？たとえば、BicubicまたはBilinearを選択します。または、そのような選択の自動スケーリングは利用できませんか？

私はsvgでいくつかのポイントをプロットしようとしています。それらは、範囲が狭いx、y座標です。

それらがプロットされるとき、それらは明らかに画面上で非常に小さいです。これは私のビューボックスコマンドです：

20 x 20cmの箱の中にはっきりと見えるように、これをどのように改良すればよいですか。

qq（）;を出力します。

win8 rt で XAML Viewbox コントロールを使用する場合、さまざまな画面サイズ (解像度) に対して、コントロールが自動的にサイズを調整します。

e.Delta.Translation が正しい X、Y 位置からドリフトします。ドラッグ ドロップ操作でコントロールをドラッグするほど、位置がずれます。

XAML

C#

正確な位置を取得する方法/これを修正する方法はありますか?

数字付きの ToolTip は、Canvas に追加される子 UserControl です。Canvas は ViewBox の子です。キャンバスのサイズ変更コントロールの内容をスケーリングするため。問題は、ToolTip がぼやけてしまうことです。ツールチップ自体はベクター要素のみで構成されています (画像なし)

これらのアーティファクトなしでViewBoxをスケーリングする方法は? レイアウトの丸めは役に立たない

私<Grid>はいくつかの垂直と水平<Line>のを含むを持っています。グリッドをウィンドウサイズに合わせてスケーラブルにし、アスペクト比を維持したいので、グリッドはに含まれてい<Viewbox Stretch="Uniform">ます。

ただし、線を常に1ピクセルの幅でレンダリングしたいので、次を使用します。

これにより、線の最初の外観が理想的になりますが、ウィンドウのサイズ変更を開始するとすぐに、ストレッチ/スケーリングが開始され、線は再び1ピクセルと2ピクセルの太さの混合になります。

線を常に1ピクセルの太さにし、ウィンドウ/グリッドのサイズを変更できるようにする方法はありますか？

更新-クレメンスの提案に従ってパスジオメトリを使用する

@Clemens-ラインとパスのレンダリングの違いを強調していただきありがとうございます。あなたの例を使用してコードを作り直そうとすると、自分自身のためにもっと穴を掘っていて、概念全体を実際に把握していないという沈没感を覚えています（完全に私のせいであり、あなたのせいではなく、私はWPFに慣れていないだけです） 。

次の説明を説明するために、スクリーンショットをいくつか追加します。

私はゲームボードを作っています（囲碁のゲームの場合、レイアウトを理解するのに役立ちます）。私は9x9のグリッドを持っており、特定のグリッドセルに楕円を追加するだけでゲームピースを配置することを計画しています。

ただし、ボードの下にある線を描画するには、ボード全体のセルの中央と交差する線を描画する必要があります（Goでは、ピースはセルの中央ではなく交差に配置されます）。

私が完全に間違ったアプローチを取っている可能性があります。現在の構造内をハッキングするのではなく、別のルートからやり直すように言ってください。

これは私がこれまでに行った方法です（座標の計算方法のため、プログラムでパスを追加しています。すべてXAMLで実行できるかどうかはわかりません）。

XAML：

C＃：

これは、上記のコードを使用したときに得られるものです

これは私がそれをどのように見せたいかとほぼ同じです。それは私のためにさらに2つの質問を提起しました：

1）、、、、および値をボードの合計幅でダイビングして0から1までの数値を作成し、ScaleTransformを適用できるようにするという正しいアプローチを取っていますx1か？x2y1y2

2）使用しViewboxなくなったので、固定比率のスケーリングを実行するにはどうすればよいですか？ウィンドウを拡大すると、ボードのバランスが崩れます（下の画像を参照）。（ただし、ラインをアンチエイリアス処理することはもうありません。これはすばらしいことです。）

私はこれが少しモノリシックな投稿になりつつあることを知っています。何卒ご理解とご協力を賜りますようお願い申し上げます。

Raphaël 2.1.1 でのドラッグ アンド ドロップについて質問があります。ここで入手できるコードを使用すると、パスをうまくドラッグできます。

ただし、viewbox メソッドを追加すると、ドラッグ アンド ドロップ機能が通常どおりに機能しません。解決策は変換でそれを補うことだと思いますが、私は SVG を使用するのが初めてで、何を調整すればよいかわかりません。

私のコードでは、論文の開始パラメータは 800 X 800 です。ビューボックスを使用するときは、パラメータ 1200 X 1200 を使用します。

ViewBox を使用したすべての解像度でアプリケーションを機能させようとしています。しかし、ViewBox は画面のサイズに適応していません。画面よりも少し大きいです。すべての解像度でのページの表示方法:

しかし、問題は、解像度を上げたり下げたりすると、スクロールするグリッドビュースクローラーが表示されているにもかかわらず、ページが画面に収まらないことです.CODE :-

ビューボックスを使用して画像を動的に追加していUniformGridます。

私が直面している問題は、画像のサイズが水平または垂直に異なる場所です。

何が起こっているかを視覚化する良い方法です。画面に 2 つの画像があり、最初の画像が 2 番目の画像よりも幅が広く、短い場合。ウィンドウを水平方向に縮小すると、最初の画像は 2 番目の画像と同じ幅で独立して縮小されます。ここで、ウィンドウを垂直方向に縮小すると、2 番目の画像が最初の画像と同じ高さになるまで個別に縮小されます。

ビュー ボックスの Stretch プロパティを fill に設定せずに 2 つの画像を一緒にスケーリングするにはどうすればよいですか?

パターンで満たされたテキストを表示しようとしましたが、パターンのマッピングで奇妙な動作を回避する方法が見つかりません。

問題のコード サンプルは次のとおりです: http://jsfiddle.net/queZM/

ご覧のとおり (そうでない場合は、結果が表示される左下の部分のサイズを変更します)、グラデーションはオフセットでマップされます。このオフセットは、イメージのスケールに応じて変化します。私は本当にそれを取得しません。

svg タグの viewBox 部分を削除すると、すべて問題ありません (ただし、最終的な動的サイズの HTML コンテナーに収まらない巨大な画像が残っていることを除きます)。

テキストの代わりに長方形を使用すると、問題ないようです。

テキストのオフセットが 0,0 であれば問題ありません…</p>

しかし、テキストのオフセット、viewBox を使用して、svg 画像を埋め込み HTML 要素として詰め込むことができるようにしたいと考えています。本当にわからない！

何か手がかりがあれば、とても役に立ちます！ありがとう

PS : グラデーション塗りつぶしを使用できることはわかっていますが、実際にはパターンのものを使用する必要があります。サンプルでは、​​できるだけシンプルにするためにグラデーションのみを使用していますが、最終的にはグラデーションに別の画像を重ねたものになります。