問題タブ [layout]

いくつかの Wordpress ブログのフッターに、クエリの数と、特定のページのクエリを処理するのに必要な合計時間を単純に示すクエリ統計が表示されていることに気付きました。

23 クエリ。0.448秒

私はこれがどのように達成されるのか疑問に思っていました。特定の Wordpress プラグインの使用によるものですか、それともページのコードで特定の php 関数の使用によるものでしょうか?

一部のWPFコントロール（のようなButton）は、高さを指定しない場合、コンテナー内の使用可能なすべてのスペースをうまく消費しているように見えます。

そして、私が今使用する必要があるもののように、（マルチライン）TextBoxとはListBox、コンテンツを収めるために必要なスペースをとるだけで、それ以上は心配していないようです。

これらの人をのセルに入れるUniformGridと、利用可能なスペースに合わせて拡張されます。ただし、UniformGridインスタンスはすべての状況に適しているわけではありません。いくつかの行が*高さに設定されているグリッドがあり、それ自体と他の*行の間で高さを分割している場合はどうなりますか？StackPanelを持っていて、、、、を持っている場合Label、ラベルとボタンで食べられていないすべてのスペースを占めるリストを取得するにはListどうすればよいですか？Button

これは本当に基本的なレイアウト要件だと思いますが、可能なスペースを埋める方法がわかりません（aに入れて、DockPanel埋めるように設定することもできません。唯一は、DockPanelそのサブコントロールに必要なスペースを占有します）。

Height、、、などWidthで遊ぶ必要がある場合MinHeight、サイズ変更可能なGUIは非常に恐ろしいものになります。MinWidth

Height自分のプロパティを自分が占有しているグリッドセルにバインドできますWidthか？または、これを行う別の方法はありますか？

Vista では Segoe UI 9 ポイント、Windows XP などでは Tahoma 8 ポイントを使用したいと考えています。(実際には、私はどちらも Segoe UI で解決しますが、私のユーザーはおそらくそれをインストールしていません。) しかし、これらはまったく異なるものであり、私のフォームのレイアウトを台無しにしてしまいます。では・・・何か良い対処法はないでしょうか？

例: がありLabel、中央に空白があり、そこにNumericUpDownコントロールを配置します。Segoe UI を使用するNumericUpDownと、Tahoma を使用した場合と比較して、余白の左側に約 5 ピクセル程度です。これは苦痛です。ここで何をすべきかわかりません。

最も具体的には、私の質問は次のとおりです。s Label(またはCheckBoxes など) の空白スペースの真ん中にコントロールを配置するにはどうすればよいですか? 一般的に: Windows フォームでさまざまなフォントを処理する良い方法はありますか?

編集：人々が質問を理解したとは思いません。OS に基づいてフォントを変更する方法を知ってそうすることで発生するレイアウトの問題に対処する方法がわかりません。

ajryan への返信、quick_dry : わかりました。質問はわかりました。この問題を解決するためのより良い方法をさらに調査することに興味がありますが、私は MeasureString が機能する可能性があると思います。

コントロールの分割に関する問題は、たとえば a で最も明白CheckBoxです。そこで、ユーザーが CheckBox の「後半」(別のLabelコントロールになると思います) をクリックしても、CheckBox状態は変わりません。

これは、私の前の質問「フォントに依存するコントロールの配置」のフォローアップです。これは、おそらく私が尋ねていたものとは異なる方法で、その質問の背後にある実際の問題を解決する試みです。

問題の説明の例： 「読み込み後に<X> <Y>で価格を調整する」というチェックボックスが必要です。ここで、 <X>は数値です---で調整可能ですNumericUpDown---そして<Y>は「パーセント」です「または「ドル」。選択は。によって行われComboBoxます。これは1行になります。

複雑さ：レイアウトを台無しにすることなく、これらすべてのコントロールのフォントを変更できるようにしたい（基本的にSystem.Drawing.Fonts.MessageBoxFontは、Windows XP/etcではTahoma8pt、VistaではSegoe UI 9 ptに設定）。私の現在のPosition-property--settingパラダイムは機能しません。

より一般的には、 <X> NumericUpDownが "by"と<Y> ComboBoxの間のスペースにぴったりと収まり、同様に<X> ComboBoxが収まるように、コントロールをフォントに依存しない方法で動的に配置する必要があります。 <X> CheckBoxとその右側の「ロード後」の文字列に関して。

誰もが見逃しているように見える部分：これはすべて。内にネストされていCheckBoxます。したがって、理想的には、「読み込み後」という単語をクリックしてチェックボックスをオン/オフにし、「読み込み後に価格を調整する」の周りに小さなハイライトの長方形を描画する必要があります。したがって、最後に余分なものを叩くだけLabelでは機能しません。これは、CheckBox;を切り替えないためです。Label同様に、そのようなイベントをフックしてバンドエイドを試みてもClick、目的のハイライト長方形は生成されません。

ソリューション？この時点で私は次のいずれかを考えています：

1. どういうわけか、2つの別々のテキスト行のような醜い解決策で問題を再考してください：「ロード後に見つかった価格を調整する」（CheckBox）、「調整量：」（NumericUpDownおよびComboBox）。私のオプションボックスはこのタイプ（つまり、例のタイプ）のオプションで完全にいっぱいであるため、これは本当に悪いことです。したがって、垂直方向のサイズは少なくとも2倍になります。

2. ある種のカスタムコントロール？SplittableCheckBox？

3. コントロール付きのある種の魔法TableLayout？（これは「誰もが見逃しているように見える部分」で失敗することは間違いありません。）

4. 諦めてMSSansSerifに戻るか、Tahomaを均一に使用するか、Segoe UIをアプリケーションにパッケージ化して、システムのデフォルトフォントを無視します。

5. （新規、編集経由）誰かがこのシナリオを正確にサポートしていると私に納得させることができる場合は、WPFに切り替えます。

このメニューをページの左側に配置しようとしています。

問題は、絶対値または固定値を使用すると、画面サイズが異なるとナビゲーション バーのレンダリングが異なることです。divまた、右に移動する必要があるすべてのメインコンテンツを含む秒もあります。これまでのところ、画面サイズに関係なく機能するように見える相対値を使用しています。

テーブルが表形式のデータ用であることは知っていますが、レイアウトに使用するのはとても魅力的です。DIV を処理して 3 列のレイアウトを取得することはできますが、ネストされた DIV が 4 つになると、扱いにくくなります。

レイアウトに DIV を使用するよう説得するためのチュートリアル/リファレンスはありますか?

DIV を使用したいのですが、希望する場所に DIV/SPAN を配置するために 1 時間も費やすことを拒否しています。

@GaryF:ブループリント CSSは、CSS の最高の秘密でなければなりません。

優れたツール - Blueprint Grid CSS Generator。

主要なブラウザーのほとんどがフル ページ ズームをサポートするようになったので (現時点では、唯一の注目すべき例外は Google Chrome です)、リキッド レイアウトやエラスティック レイアウトはもはや必要ないのでしょうか? 液体/伸縮性のあるレイアウトを構築することの相対的な苦痛は、努力する価値がありますか? リキッド レイアウトが有効な状況はありますか? ページ全体のズームは、最初に見える本当の解決策ですか?

私のデザイナーは、「リキッド」レイアウトという用語を捨て続けています。これは何を意味するのでしょうか？

明確にしてくれてありがとう、私はいつもこれをパーセンテージレイアウトと呼んでいて、彼はピースを動かすことができると言っていると思っていました。それは流動的でした

herelorem ipsumsと同じ行で、とand hereを右側に配置するにはどうすればよいですか？以下を参照してください。

次のようなレイアウトを使用して 3 列の Web サイトを開発しています。

しかし、CSS のデフォルトの「位置」プロパティ<DIV>'sが「静的」であることを考慮すると<DIV>'s、予想どおり、上下に表示されました。

そこで、CSS プロパティの 'position' を 'relative' に設定し、'middle' と 'right' の 'top' プロパティ<DIV>'sを -(マイナス) 前の の高さに変更しました<DIV>。それはうまくいきましたが、このアプローチは私に2つの問題をもたらしました:

1) Internet Explorer 7 では 3 つの列が適切に表示されますが、垂直スクロールバーは上下<DIV>'sに配置されているように維持され、コンテンツの後に多くの空白ができます。私はそれをしたくありません。

<DIV>2) これらの要素の高さは可変であるため、各'top' プロパティに設定する値がよくわかりません。ハードコーディングしたくありません。

だから私の質問は、このレイアウトを実装するための最良の (シンプルでエレガントな) 方法は何でしょうか? 私は絶対配置を避けたいと思っています。また、デザインをテーブルレスに保ちたいと思っています。