問題タブ [stretch]

CSSと背景画像を使用してインライン リンクを視覚的なボタンに変換し、さまざまな量のテキスト（またはテキストのサイズ変更）？

デザイナーのボタンの角が丸く、境界線の色が違うので、背景画像を使う必要があると思います。IE6（政府の仕事）で動作する必要があります。

答えはノーだと確信していますが、いつものようにチェックする価値があると思っていました。

とりわけ、私はすでに引き戸のテクニックのバリエーションを試しましたが、ソリューションがインラインで（つまり段落内で）機能する必要があり、固定幅を設定できないため、それを機能させることができません。

編集：いくつかのボタンがあり、それぞれが前景、境界線、背景の色が異なります。また、グラデーションの「面」がありますが、透明度やその他の「非正統」は必要ありません。残念ながら、私はNDAの下にいるため、例にリンクできません。

私はWPFを学習しようとしているので、ここに簡単な質問があります。

Stretchユーザー設定可能なプロパティを持つ別のデータオブジェクトにバインドされたImage要素を含むウィンドウがあります

ユーザーが画像の上にマウスを移動したときに、元の画像に対するマウスの座標を決定し（コントロールに表示されるときに発生するストレッチ/トリミングの前に）、それらの座標で何かを実行したいと思います（画像を更新します）。

Imageコントロールを介してMouseMoveイベントにイベントハンドラーを追加できることは知っていますが、座標を変換する最善の方法がわかりません。

Sourceこれで、のサイズをコントロールのサイズと比較してからActualSize、スイッチをオンにimageCtrl.StretchしてXとYのスカラーとオフセットを計算し、自分で変換を実行できることがわかりました。しかし、WPFにはすでにすべての情報があり、これはWPFライブラリのどこかに組み込まれている可能性のある機能のようです。だから私は疑問に思っています：短くて甘い解決策はありますか？それとも私はこれを自分で書く必要がありますか？

編集私は私の現在の、それほど短くて甘い解決策を追加しています。それほど悪くはありませんが、WPFがこの機能を自動的に提供しなかった場合は、多少驚きます。

FontStretchプロパティは知っていますが、その使用方法がよくわかりません。

私が望むのは、たとえば 200x400 の解像度で設計されたウィンドウを作成することです。次に、ユーザーがそれを 400x800 (または何でも) に伸ばすと、単に移動するのではなく、ウィンドウ全体を拡大/拡大します (特定のシナリオでは、すべてのサイズが 2 倍になります)。画像でも機能するのであればいいのですが、これを行うにはフォントと一般的なオブジェクトのサイズを取得するだけでよいでしょう.

この機能を提供する組み込み関数またはサードパーティ ライブラリはありますか?

グラフの線を表す同じグリッド セル内の一連のポリラインで構成される非常に単純なグラフ コンポーネントを作成しようとしています。私の戦略は、セット内のすべてのポイントを見て、最小値と最大値を決定し、それに応じて 0 から 1 の間の数値を計算し、Stretch="Fill" を使用して各ポリラインをストレッチしてグリッド セルを埋めることです。私の望む効果は、0,.5 のポイントが垂直方向にセルの中心になることですが、実際には、Y の最小値と最大値に応じて、Polyline がセル全体を埋めるために垂直方向に引き伸ばされます。たとえば、ポリラインで .5 が最大値で .7 が最小値の場合、.5 がセルの上部でクリアになり、.7 がセルの下部でクリアされ、中央が .5 で .7 7/10 ではありません。底に。

2 つのポリラインと 0 から 1 の間の計算されたポイントを使用した簡単な例を次に示します。赤色の Y 値の方が大きいにもかかわらず、赤色のポリラインが青色のポリラインの真上にあることがわかります。赤のポリラインは青と同じように見えるはずですが、セル内で少し下に配置されています。ただし、セル全体を埋めるために引き伸ばされているため、青の上に直接配置されています。

0 から 1 の値を使用している理由は、グリッド セルの幅と高さを簡単に変更できるようにするためです。たとえば、スライダーなどを使用してグラフの高さを調整したり、ウィンドウをより広くドラッグして幅を調整したりします。 . そのため、ストレッチなしでピクセル値を計算する代わりに、このストレッチ戦略を使用してそれを達成しようとしました。

これを達成する方法について何かアドバイスはありますか？

ありがとう。

iPhoneで画像ストレッチ効果を作ろうとしています。頂点配列を作成し、背景画像の任意の半径内の各インデックスのテクスチャデータをシフトします。次に、次の呼び出しを行って表示します。

私の問題は、引き伸ばされた領域の端が32x32や64x64のような比較的小さなグリッドサイズで非常に途切れ途切れに見えることです。大きくするとスムーズになりますが、はるかに遅くなります。

そこで、背景画像のコピーを追加して、頂点配列を影響を受けるインデックスのみに制限してみました。私ははるかに小さいグリッドサイズを使用しますが、より小さな領域に使用します。上記の描画コードは次のようになります。

影響を受けた領域は表示されますが、背景画像が点滅して消えるように見えます。引き伸ばされた領域は黒い背景に浮かんでいます。明らかに、私の背景が最初にレンダリングされ、次に上記のコードが頂点配列のデータのみを上書きしてレンダリングします。

画像の描画を効率的に組み合わせる方法について誰かアドバイスがありますか？

背景用に2番目の単純な頂点配列を作成し、ifステートメントの直前にglDrawArrayを呼び出して、すべての描画が1つのメソッドで行われるようにする予定です。これはこれについて行く正しい方法ですか？もっと良い方法はありますか？どういうわけか、すべての画像データを1つの単純な頂点配列に結合する必要がありますか？

誰かがWPFストレッチアライメントを理解するのを手伝ってもらえますか？コントロールで領域を塗りつぶしたいという問題に遭遇することがよくありますが、VerticalAlignment="Stretch"をどのレベルに配置すればよいかわかりません。特にUserControlsが関係している場合。

私はいつもいろいろなことを試したり、すべてのレベルでストレッチをしたりして問題を解決しますが、それを正しく行う方法を理解したいと思います。

私が今得た例を見てみましょう：

• 固定サイズのセルを持つグリッドがあります（GridSplitterでサイズ変更できます）
• このセルには、TabControlを備えたStackPanelを含むUserControlがあります
• TabControlには、ListViewを持つ別のUserControlを含むTabItemがあります。

またはある種の疑似XAMLで

ここで、ListViewがグリッドセル全体（もちろんTabControlとマージンを除く）を埋めるようにします。

テーブルに同じ幅 (50%、50%) の 2 つの列があります。検索結果の URL を表示しています。大きな URL の場合、列が伸びてレイアウトが崩れます。

問題への提案はありますか？

ここで同様の質問を見ましたが、回答がありませんでした。親 div 内で要素が右に浮いているという問題があり、IE7 で div がページの幅全体を引き伸ばしています。これは、他のブラウザー (Firefox および Chrome) では発生しません。参考までに、質問の後に写真も掲載しました。私が使用しているHTMLは以下のとおりです。

これらのタグに使用している CSS も以下に示します。上記で参照されている他の人の質問と私の問題との間で一貫していることに気付いたのは、両方の親divにポジショニングが適用されていることです(上の人は絶対的で、私は修正しました)。

「actions」クラスが右に浮いていることに注意してください。その浮きを取り除くと、私の箱はこのようになります。しかし、float を追加すると、画面全体が引き伸ばされ、次のようになります。これは IE の既知のバグですか。他のブラウザーでは発生していないため、気が狂いそうになります。

不思議に思っている人のために、私は「アクション」div にコンテンツを持っていましたが、根本的な問題まですべてを取り除きました。

どんな援助でも大歓迎です。どうもありがとう。

画像を傾けるにはどうすればよいですか? たとえば、各コーナーには座標 (p1、p2、p3、p4) を持つ CGPoint があります。次に、p4.x+=50、p4.y+=30 を設定する必要があります。したがって、このコーナー (p4) は 2D パースペクティブで引き伸ばされ、画像が歪むはずです。

_{(出典: polar-b.com )}

私はCATransform3Dを使用しようとしましたが、ビューのパースペクティブを変更するだけであるため、これはそのような方法では実行できないようです (回転、片側を近づける/遠ざける)。多分CGAffineTransformが役に立つでしょうか？

答えがわかったら、サンプルコードを書いてください。

前もって感謝します

中心点からマウスの位置までの線に沿って多角形を引き伸ばす効果を実装しようとしています。これらの 2 点間の平面角と a を使用してさまざまなアプローチを試みましたSkewTransformが、それは私が望むものを与えていません。

私はMatrixTransform道を行かなければならないと思っていますが、私の線形代数はかなり錆びています。