Microsoft Word - vcs2010ee-wm2.doc

Size: px

Start display at page:

Download "Microsoft Word - vcs2010ee-wm2.doc"

さあしゃくぬぎ
6 years ago
Views:

1 VC# Express で Windows Mobile 開発第 2 回資料第 1 回まとめ初期設定 VC# 2010 でやっておくと便利な設定ツール設定上級者設定ツールオプション o チェックする : すべての設定を表示 o テキストエディターすべての言語全般チェックする : 行番号描画が乱れる場合は以下の設定を推奨ツールオプション環境全般 o チェックを外す : クライアントのパフォーマンスに基づいて視覚的効果を自動的に調整する o チェックを外す : 可能ならハードウェアのグラフィックスアクセラレータを使用するプロジェクト作成 1. VC# 2010 Express を起動 2. Windows フォームアプリケーションを新規作成 3. すべて保存 4. ソリューションエクスプローラー 1. プロジェクトを右クリックプロパティ 1. ビルド詳細設定 mscorlib.dll を参照しないをチェック OK 2. 参照パスを追加 : C: Program Files Microsoft.NET SDK CompactFramework v2.0 WindowsCE 3. アプリケーション対象のフレームワークを変更 :.NET Framework 以下を削除 1. Properties/Resources.resx 2. Properties/Settings.settings 3. app.config 4. Form1.cs/Form1.Designer.cs 5. すべて保存 6. VC# 2010 Express を閉じる 7. プロジェクトファイルをエディタで開き <ItemGroup> 内の <Reference Include=...> を以下のように書き換える <ItemGroup> <Reference Include="mscorlib" /> <Reference Include="System" /> <Reference Include="System.Data" /> <Reference Include="System.Drawing" /> <Reference Include="System.Windows.Forms" /> <Reference Include="System.Xml" /> </ItemGroup> ソリューションを開いて実行してみるエラーが出てくるので行ごと削除すると実行できるようになる EXE をコピーすると端末で動くが終了する手段がない [OK] で終了できるようにする WM ではメニューバーに [OK] が表示されるため空メニューを作成 Form1 のコンストラクタに以下のコードを追加 public Form1() MinimizeBox = false; Menu = new MainMenu();

2 後は GUI デザイナが使えない以外は普通に開発できる普段はエミュレータなしで開発してたまにエミュレータに転送して動作確認エミュレータ Pocket PC は Windows Mobile と一部動作が異なるためたまに Windows Mobile で動作確認 Windows 7 ではショートカットが作成されないことがあるのでその場合はショートカットだけをコピーするプロジェクトの Debug フォルダを共有しておくとデバッグが簡単ファイル構成全般共有フォルダ共有フォルダはエクスプローラで Storage Card 扱いとなる表示しっぱなしにしておいてデバッグしたいときに EXE をクリックして起動する動作がおかしくなったときはソフトリセットすればすぐに復旧する GUI この節のコードはすべて Form1 クラス内に記述することが前提画面サイズ指定などの決まり文句を含めたテンプレートは以下の通り Layout や AutoScale 関係は自動調整のために必要機種によっては AutoScaleMode の指定を解除しないといけないという報告あり要実機確認 public Form1() Text = " アプリ "; Size = new Size(240, 320); MinimizeBox = false; SuspendLayout(); AutoScaleDimensions = new SizeF(96, 96); AutoScaleMode = AutoScaleMode.Dpi; Menu = new MainMenu(); InitializeComponent(); ResumeLayout(false); コントロール配置の定型 button は InitializeComponent() 以外でも使えるようにするため外で定義 button.bounds の行の Rectangle の数値は画面上の位置とサイズ ( 下図参照 ) private Button button = new Button(); button.text = " ボタン "; button.bounds = new Rectangle(10, 50, 100, 40); button.click += new EventHandler(button_Click); Controls.Add(button); void button_click(object sender, EventArgs e) MessageBox.Show("hello"); += の部分で [+][=][Tab][Tab]

3 その他のコントロール Button, CheckBox, ComboBox, DateTimePicker, DomainUpDown, HScrollBar, Label, LinkLabel, ListBox, ListView, MonthCalendar, NumericUpDown, Panel, PictureBox, ProgressBar, RadioButton, Splitter, StatusBar, TabControl, TabPage, TextBox, ToolBar, TrackBar, TreeView, VScrollBar, WebBrowser Windows 7 上でテストすると TextBox で MS-IME が使えない Google 日本語入力では可能という報告あり描画基本的なコード using (var pen = new Pen(Color.Red)) using (var brush = new SolidBrush(Color.Blue)) e.graphics.drawline(pen, 0, 0, 20, 20); e.graphics.drawline(pen, 0, 20, 20, 0); e.graphics.fillrectangle(brush, 5, 5, 10, 10); e.graphics.drawstring("abc", Font, brush, 0, 20); [O][V][Space][O][N][P][Enter] EXE と同じフォルダの画像を読み込んで表示 test.png はプロジェクトに DnD してプロパティでコピー設定しておく private Bitmap image; var exe = Assembly.GetExecutingAssembly().ManifestModule.FullyQualifiedName; var path = Path.GetDirectoryName(exe); var png = Path.Combine(path, "test.png"); image = new Bitmap(png); e.graphics.drawimage(image, 5, 5); 画像の一部だけを表示する出力先画像の使用部分の順で指定 GraphicsUnit 以降は決まり文句 e.graphics.drawimage(image, new Rectangle(30, 30, 20, 20), 10, 20, 30, 40, GraphicsUnit.Pixel, new ImageAttributes()); 画像画面この例ではサイズを変更して出力しているが Windows Mobile でのサイズ変更はとても遅いためなるべく避ける

4 ゲームでキャラクタの周辺を透過したい場合 Windows Mobile ではα 値が無視されるため透過色を指定する以下の例ではマゼンタを透過色とする画像中のマゼンタは表示されずに背景が透過する var imgattr = new ImageAttributes(); imgattr.setcolorkey(color.magenta, Color.Magenta); int w = image.width, h = image.height; e.graphics.drawimage(image, new Rectangle(0, 0, w, h), 10, 10, w, h, GraphicsUnit.Pixel, imgattr); 一定時間ごとに動かす ( ちらつく ) private int x = 0; var timer = new Timer(); timer.interval = 50; timer.tick += new EventHandler(timer_Tick); timer.enabled = true; void timer_tick(object sender, EventArgs e) x += 4; if (x >= ClientSize.Width) x = 0; Invalidate(); += の部分で [+][=][Tab][Tab] using (var brush = new SolidBrush(Color.Red)) e.graphics.fillellipse(brush, x, 0, 16, 16); 画面に直接表示すると描画過程が見えるためちらつくちらつきを抑えるにはメモリに画面と同じサイズの画像 ( これをバッファと呼ぶ ) を作成してバッファに描画してから画面に表示するこれをダブルバッファと呼ぶ画像 ( バッファ ) 画面バッファは見えないため丸や三角などを描画する過程は見えないすべて揃った状態で画面に描画するためちらつかないバッファは new Bitmap で作成 Graphics.FromImage 経由でバッファに描画 var bmp = new Bitmap(240, 320); using (var g = Graphics.FromImage(bmp)) using (var pen = new Pen(Color.Red)) using (var brush = new SolidBrush(Color.Blue)) g.drawline(pen, 0, 0, 20, 20); g.drawline(pen, 0, 20, 20, 0); g.fillrectangle(brush, 5, 5, 10, 10); g.drawstring("abc", Font, brush, 0, 20);

5 ダブルバッファの例 OnPaint の内容は固定で DrawBuffer の中で描画処理を行う private Bitmap bmp = new Bitmap(240, 320); private int x = 0; var timer = new Timer(); timer.interval = 50; timer.tick += new EventHandler(timer_Tick); timer.enabled = true; DrawBuffer(); void timer_tick(object sender, EventArgs e) x += 4; if (x >= ClientSize.Width) x = 0; DrawBuffer(); using (var g = CreateGraphics()) g.drawimage(bmp, 0, 0); += の部分で [+][=][Tab][Tab] private void DrawBuffer() using (var g = Graphics.FromImage(bmp)) using (var brush = new SolidBrush(Color.Red)) g.clear(backcolor); g.fillellipse(brush, x, 0, 16, 16); e.graphics.drawimage(bmp, 0, 0); クリッククリックしたところにを移動 private int x = 120, y = 160; protected override void OnMouseDown(MouseEventArgs e) base.onmousedown(e); x = e.x; y = e.y; Invalidate(); [O][V][Space][O][N][M][O] と入力して出てきた候補から OnMouseDown を選択して [Enter] を押すと簡単 using (var brush = new SolidBrush(Color.Red)) e.graphics.fillellipse(brush, x - 8, y - 8, 16, 16);

6 先ほどの例ではクリックしたところに移動するだけでドラッグは感知しないドラッグ対応は以下を追加 protected override void OnMouseMove(MouseEventArgs e) base.onmousemove(e); if (e.button == MouseButtons.Left) x = e.x; y = e.y; Invalidate(); [O][V][Space][O][N][M][O] と入力して出てきた候補から OnMouseMove を選択して [Enter] を押すと簡単ネットワーク PC 用の.NET Framework には WebClient というクラスがあって簡単にファイルをダウンロードすることができる.NET Compact Framework には WebClient クラスがないので自前でストリームを処理する必要がある HTTP からファイルをダウンロードする例 public static void DownloadFile(string url, string file) var req = WebRequest.Create(url) as HttpWebRequest; req.useragent = "Mozilla/4.0 (compatible; MSIE 6.0; Windows XP)"; var res = req.getresponse(); using (var s = res.getresponsestream()) using (var fs = new FileStream(file, FileMode.Create)) var buf = new byte[4096]; for (; ; ) int len = s.read(buf, 0, buf.length); if (len == 0) break; fs.write(buf, 0, len); 使用例 DownloadFile(" "yahoo.html"); HTML を文字列として読み込む例 public static string DownloadString(string url, Encoding enc) var req = WebRequest.Create(url) as HttpWebRequest; req.useragent = "Mozilla/4.0 (compatible; MSIE 6.0; Windows XP)"; var res = req.getresponse(); using (var s = res.getresponsestream()) using (var sr = new StreamReader(s, enc)) return sr.readtoend(); 使用例 var html = DownloadString(" Encoding.UTF8);.NET Framework の WebClient は文字コードを自動判定するため Encoding を指定する必要はないしかし自動判定まで真似すると複雑になるため手動で Encoding を指定するようにした

7 Yahoo のトップページを読み込んでテキストボックスに表示 private TextBox tb = new TextBox(); var mi = new MenuItem(); mi.text = " ダウンロード "; mi.click += new EventHandler(mi_Click); Menu.MenuItems.Add(mi); tb.dock = DockStyle.Fill; tb.multiline = true; tb.wordwrap = false; tb.scrollbars = ScrollBars.Both; Controls.Add(tb); += の部分で [+][=][Tab][Tab] 画面全体に広げる void mi_click(object sender, EventArgs e) tb.text = DownloadString(" Encoding.UTF8); スクレイピング Yahoo のトップページからトピックスを抜き出す例 void mi_click(object sender, EventArgs e) var sw = new StringWriter(); var html = DownloadString(" Encoding.UTF8); int p = html.indexof("<div class=\"topicsindex\">"); if (p >= 0) 文字列の中でを使うにはとする int end = html.indexof("</ul>", p); このをエスケープシーケンスと呼ぶ for (; ; ) p = html.indexof("<a href", p); if (p < 0 p > end) break; p = html.indexof(">", p) + 1; int p2 = html.indexof("<", p); sw.writeline(html.substring(p, p2 - p)); tb.text = sw.tostring(); あらかじめ対象となる HTML を分析して構造を把握しておく必要がある上の例ではまず <div class="topicsindex"> という箇所を探してその後で <a href> ~ </a> のタグの間のテキストを抜き出している HTML 構造が複雑になると処理が複雑になり過ぎるため HTML パーサを作成したテクニック集 Main に [STAThread] を指定できるようにする指定しないと OpenFileDialog などが使えない namespace System public class STAThreadAttribute : Attribute

8 .NET 2.0 でも拡張メソッドが使えるようにする namespace System.Runtime.CompilerServices public class ExtensionAttribute : Attribute WM かどうかを判定して動作を変える if (Environment.OSVersion.Platform == PlatformID.WinCE)... EXE と同じフォルダのファイルにアクセス var exe = Assembly.GetExecutingAssembly().ManifestModule.FullyQualifiedName; var path = Path.GetDirectoryName(exe); var ini = Path.Combine(path, "app.ini");.net 2.0 では委譲型を定義しておくと便利 namespace System public delegate void Action(); public delegate void Action<T1, T2>(T1 a, T2 b); public delegate void Action<T1, T2, T3>(T1 a, T2 b, T3 c); public delegate TR Func<TR>(); public delegate TR Func<T1, TR>(T1 a); public delegate TR Func<T1, T2, TR>(T1 a, T2 b); 第 3 回について奇数月の第 3 土曜日開催です次回は 3 月 19 日開催です Windows Phone 7 を視野に入れて Silverlight 勉強会にすることも検討していますご意見をお願いします偶数月は別の勉強会を開催する予定になっているため Silverlight の勉強会を別に開催すると 3 つ掛け持ちになってしまい手が回りませんちなみに 2 月に予定している別の勉強会は定員に達しました Silverlight 勉強会を構想した背景 Silverlight は Microsoft が Flash 対抗で開発したブラウザプラグインです Flash と同じようにウェブページ内に貼り付けることができます Windows Phone 7 では Windows Mobile とはプログラムの作り方が変わりました Silverlight と XNA という API を使用します大雑把に分類すると Silverlight は一般アプリ用 XNA はゲーム用ですしかし現段階では Windows Phone 7 のプログラミングは制約が厳しいです 1. 英語版のアプリを開発するだけならフリーで可能 2. 日本語版が出ていないそのため日本では実機が発売されていない日本語版は今年後半の予定 3. 実機を個人輸入しても自作アプリを動かすには年間 1 万円で登録が必要ブラウザで動かす Silverlight は開発も実行もフリーですそのため Windows Phone 7 への準備として現段階ではブラウザで動かす Silverlight を勉強するのが落とし所ではないかと考えました今までの Windows Mobile 開発との違いを比べながら勉強すると理解も早まるかもしれません今までの勉強会とのつながりはそういう部分の説明に反映させたいです

C#の基本

C#の基本 C# の基本 ~ 開発環境の使い方 ~ C# とはプログラミング言語のひとつであり C C++ Java 等に並ぶ代表的な言語の一つである容易に GUI( グラフィックやボタンとの連携ができる ) プログラミングが可能であるメモリ管理等の煩雑な操作が必要なく比較的初心者向きの言語である C# の利点 C C++ に比べてメモリ管理が必要ない GUIが作りやすい Javaに比べてコードの制限が少ない