C# スケーリング時のテキストボックスについて

このQ&Aのポイント
  • C#スケーリング時のテキストボックスについて。フォームロード時にスケーリングを行い、テキストボックスとラベルのレイアウトの整合性に問題が発生する。
  • スケーリング時にテキストボックスとラベルのレイアウトが崩れる問題について。画像の左側が理想のレイアウトであるが、右側ではガタガタになってしまう。
  • C#でのスケーリング時にテキストボックスとラベルのレイアウトの整合性の問題。フォームロード時にスケーリングを行い、理想的なレイアウトを実現する方法を求めている。
回答を見る
  • ベストアンサー

C# スケーリング時のテキストボックスについて

C# スケーリング時のテキストボックスについて フォームロード時にスケーリングを行っています。 float h, w; //ディスプレイの高さ h = System.Windows.Forms.Screen.GetBounds(this).Height; //ディスプレイの幅 w = System.Windows.Forms.Screen.GetBounds(this).Width; this.AutoScroll = true; Font = new Font(Font.FontFamily, Font.Size * (h / this.Height)); Scale(new SizeF(w / this.Width, h / this.Height)); しかし、添付画像の様に、スケーリング時にテキストボックスとラベルのレイアウトがどうしても整いません。 画像左側が理想なのですが、右側の様にガタガタになってしまいます。 どなたか、アドバイスよろしくお願いいたします。m(__)m

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

下記の質問と同類と判断しましたので、そちらを参照してください。 質問番号:6160238 http://okwave.jp/qa/q6160238.html [プログラミングの家庭教師]

関連するQ&A

  • テキストボックスが、縦長になる

    このokwaveの質問テキストボックスのようなテキストボックスを作りたいです。 パソコンだけの利用です。スマホ対応は不要です。以下のようなcgiを書きました。 textarea{ のwidtを増やしたり、col=を増やしたりしていますが、横幅が狭いままで、縦長のテキストボックスになります。 どうすればよろしいでしょうか? <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> textarea { width 1000ptx; height 40em; } </style> </head> <form action="insert_data.cgi" method="post"> <input type="hidden" name="mode" value="display_data"> Data text<br> <textarea name="data_text" value="" col="1000" rows="50"></textarea> <input type="submit" value="SUBMIT" style="font-size:x-large;" /> </form>

    • ベストアンサー
    • CGI
  • テキストボックスの表示

    テキストボックスの表示 テキストボックスを2つ横に並べて表示したいのですが、 <html> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="308" height="300" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストA </Td></Tr> </Table></div> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="200" height="200" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストB </Td></Tr> </Table></div> </html> これで、記述をすると縦に二つ表示されます。 スタイルシートを使用しないと無理でしょうか?

    • ベストアンサー
    • HTML
  • ボックスエリアに写真を貼る方法を教えて下さい

    以下のボックスエリアの『見出し』の下に、5cm×5cm大の写真を貼り付けたいのですが。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> </DIV>

  • テキストエリアの設定

    質問1 以下のように設定しました。現在、横長のボックスの右下に4cm×4cm大の送信用テキストエリアが配置されていますが、両者を横一列に並べることはできるでしょうか。テキストエリアを横長ボックスの前に配置してもかまいません。 <html> <head> <title>MISC</title></head> <body bgcolor="#FFFF99"> <div align=center class="MsoNormal">---省略----</div> <div style="background-color:#0ff;width:730px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm"COLOR="#808000" SIZE="8&quot;>見出し</FONT> <h3><FONT COLOR="#0000ff&quot;>小見出し</FONT></h3> <FONT STYLE="font-size:5mm">テキスト</FONT></DIV> <form method="POST" action="mailto:***@*****"><textarea style="width:200px;height:200px;background-image:url(TX_11_11.JPG);">ご意見</textarea> <input type=submit value="送信"></form> 質問2 あるいは以下の設定で、テキストエリア右側の空白部分にも見出し、小見出し、テキストを配置することができるでしょうか。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <form method="POST" action="mailto:***@*****"><textarea style="width:200px;height:200px;background-image:url(TX_11_11.JPG);">ご意見</textarea> <input type=submit value="送信"></form> <FONT STYLE="font-size:8mm"COLOR="#808000" SIZE="8&quot;>見出し</FONT> <h3><FONT COLOR="#0000ff&quot;>小見出し</FONT></h3> <FONT STYLE="font-size:5mm"SIZE="5">テキスト</FONT></DIV>

  • スマホでテキストボックスに文字を入れようとすると、

    モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか? テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。

    • ベストアンサー
    • HTML
  • ボックスエリアに写真を貼り付けるには(3)

    以下のような設定で色変わりのボックスエリア(?)を3段設け、各ボックスエリアの右すみに4cm×4cm大の背景画像付きテキスト・エリアを設けたいと思います。 そこで前回以下のアドバイスを頂き、試して見たのですが、CSSの理解不足でうまく行きません。アドバイスいただいたスクリプトを機能させるにはどのように設定したらよいか教えて頂けないでしょうか。 <アドバイス頂いたスクリプト> textarea { width:950px; height:200px; background-image:url("flower008.jpg"); background-repeat: no-repeat; background-position: left top; } <現在の設定> <html> <head> <title>MISC</title> </head> <body bgcolor="#FFFF99"> <div align=center class="MsoNormal"><table border=0 cellpadding=0 width=146 style='width:109.45pt; mso-cellspacing:1.5pt;margin-left:-5.6pt;mso-padding-alt:0mm 5.4pt 0mm 5.4pt'><b><span lang=EN-US style='font-size:18.0pt;font-family: "Lucida Sans Unicode";mso-bidi-font-family:Tahoma;color:#993300'>Miscellaneous</span></b></table> <TD><a href='http://www.****'>Index for MISC Trilingual</a> </TD></div> <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> </DIV>

  • テキストボックス内のテキストを変更させない方法

    <div align="center"><center> <table border="0" cellpadding="0" cellspacing="1" width="80%"> <tr> <td width="33%"></td> <td width="33%"><font face="MS Pゴシック" size="2"> <!--webbot bot="HTMLMarkup" startspan --></font> <FORM method="POST"> <p><font face="MS Pゴシック" size="2"> <textarea name="…………" rows="13"cols="67"></textarea> </font></p></FORM> <font face="MS Pゴシック" size="2"> <!--webbot bot="HTMLMarkup" endspan i-checksum="15378" --> </font></td><td width="34%"> </td></tr> </table> </center></div> このテキストボックス内のテキストを変更できなくしたいのですが どこを変更すればよいのでしょうか。 どなたかご教授ください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • テキストボックス途中で切れてしまう

    テキストボックス内でスクロールする文字を作成したのですが、MACのIEで見るとテキストボックスの途中で切れてしまいます。 msg="メッセージ"; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",200); } == HTML部分 == <form name="myform"> <input type="text" style="border:0px #ffffff;width:493px; height:18; color:#000000; font-size:13px; background-color:#ffffff" name="mytext" size="95"> </form> ============ 何か指定事項が足りないのでしょうか?

    • ベストアンサー
    • HTML
  • ボックスエリアに写真を貼り付けるには(2)

    ボックスエリアに写真を貼り付けるため、以下のようにテキストエリアの背景画像として挿入を試みたところ、テキスト・エリアに画像の一部のみ表示されました。 質問1: 画像全体を表示させるにはどうしたらよいでしょうか。 質問2: テキストエリアの右側が空白になっていますが、空白部にも見出し、小見出し、テキストを表示させるにはどうしたらよいでしょうか。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <TEXTAREA rows="10" cols="25"style="background-image:url(flower008.jpg);"> </TEXTAREA> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT>

  • ユーザー定義オブジェクト

    現在、ユーザー定義オブジェクトについて勉強しています。 以下は本からの抜粋です。 //コンストラクタを定義する。 //thisで参照するオブジェクトの初期化法に注目   function Rectangle(w,h) { this.width=w; this.height=h; } //コンストラクタを呼び出して2つの長方形オブジェクトを生成する。 //widthとheightをコンストラクタに渡して、それぞれの新しい //オブジェクトを適切な形で初期化するやり方に注目 var rect1=new Rectangle(2,4); var rect2=new Rectangle(8.5,11); ★質問★ this.width=w; this.height=h; var rect1=new Rectangle(2,4); var rect2=new Rectangle(8.5,11); この2箇所で行っている「初期化」という作業の意味がよく分かりません。 また、ユーザー定義オブジェクトの概念についていまいちイメージ がつかめていません(特にthisとnewを使用している意図など) ご教授いただきたく、よろしくお願いします。