Windows Mobile アプリケーション

DllImport を使用するとフォームデザイナでエラーが発生してしまう

おのでら — Wed, 15 Oct 2008 08:31:00 GMT

Windows Mobile で InputPanel を配置すると Form デザイナでエラーが発生するの続き

　前回上記の記事を載せましたが、もう少し調べてみたところ、P/Invoke を使うために「DllImport」を使うコードを入れたら、同じようなフォームデザイナエラーが発生しました。

　InputPanel が「Microsoft.WindowsCE.Forms」名前空間を使用していることから、InputPanel も同様にネイティブな API を使っていると思われるので、原因は P/Invoke などによるネイティブな API を参照していることによるものではないかと思われます。

Windows Mobile でエミュレータの保存状態ファイルが壊れた場合の対処法

おのでら — Sat, 11 Oct 2008 15:12:00 GMT

　Visual Studio と Windows Mobile SDK を使ってエミュレータで実行テストを行う場合があります。その場合、エミュレータを起動するたびに毎回エミュレータの設定を行うのが面倒なので、エミュレータ終了時に設定を保存するのが普通だと思います。

　しかし、たまに保存状態ファイルが壊れることがあるらしく、そうなるとエミュレータを起動することができなくなってしまいます。

　エミュレータ自体が起動できなくなるので、設定を削除することもできません。

　実はこの保存状態ファイルは以下のフォルダに保存されているので、このファイルを削除することによってエミュレータを初期状態として起動することができます。

Windows Vista の場合

drive:\Users\[UserName]\AppData\Roaming\Microsoft\Device Emulator\

Windows XP の場合

drive:\Documents and Settings\All Users\Application Data\Microsoft\Device Emulator\

参考

http://msdn.microsoft.com/ja-jp/library/aa188171.aspx

Windows Mobile で InputPanel を配置すると Form デザイナでエラーが発生する

おのでら — Thu, 09 Oct 2008 13:06:00 GMT

　Windows Mobile で .NET Compact Framework を使ってモバイルアプリケーションを作っているのですが(Twitter クライアントですｗ)、SIP の制御を行うために InputPanel を使おうとすると、フォームデザイナでエラーが発生するようです。

　再現方法としては、まずユーザーコントロールを作成し、ユーザーコントロールに独自に作った enum プロパティをセットできるようにします。

　そのコントロールをフォームに貼り付けて、InputPanel を配置しようとするとエラーになるようです。しかも、InputPanel を配置しないで変数として宣言するだけでもエラーになってしまうので困ったものです。

　一応この件については Microsoft Connect にも投げたので、もしよろしければフィードバックの方お願いします。

https://connect.microsoft.com/VisualStudioJapan/feedback/ViewFeedback.aspx?FeedbackID=374037

　後、エラーが再現できるプロジェクトも置いておきました。

Windows Mobile 用の Twitter クライアント制作経過（２）

おのでら — Sun, 21 Sep 2008 00:17:00 GMT

前回：Windows Mobile 用の Twitter クライアント制作経過（１）

　前回 Windows Mobile 用の Twitter クライアントを製作していたんですがしばらく放置状態でしたｗ。

　しかし最近 Twitter に投稿することが多くなって、やっぱり自分にあったクライアントがほしいな～と思ったので制作を再開して現在改良中です。今は下のような感じになっています。

　まだβ版（Ver 0.20）という形なので一般公開はしていないんですが、もし使ってみたいっていう方がいればコメントなり、Twitter から返信していただければうれしいです。

Windows Mobile 用の Twitter クライアント制作経過（１）

オノデラ — Wed, 16 Jul 2008 23:31:00 GMT

　ちょっと Windows Mobile アプリケーションの勉強もかねて、Windows Mobile 用の Twitter クライアントを作っています。現在のアプリケーションのイメージは下のようになっています。

　まだパフォーマンスとかがいまいちなので調整中です。機能もまだほとんどついていないですねー。たぶんそんな凝った機能はつけないので、簡易アプリって感じで使うソフトですかねー。

　とりあえず投稿はできるようにしないと(^^;)

エミュレータへのリソースの配置

オノデラ — Mon, 14 Jul 2008 22:48:00 GMT

　通常の Windows アプリケーションなどは、実行ファイルのあるフォルダに直接画像ファイルなどのリソースを配置できますが、Windows Mobile のエミュレータではエクスプローラーなどで直接配置することができません。ここでは Visual Studio を使ってファイルを配置する方法を説明します。

　作成した Windows Mobile のプログラムを Visual Studio から配置して実行すると、Windows Mobile のエミュレータの Program Files フォルダに実行ファイルが配置されます。

　しかし、プログラムから特定の画像ファイルを読み込みたい場合、画像ファイルをエミュレータのフォルダに直接置くことができません。

　プログラムのフォルダにファイルを配置したい場合は、ソリューションエクスプローラーに画像ファイルなどのリソースを追加します。プロジェクトを右クリックして追加するか、直接ファイルをドラッグしても追加できます。

　追加したファイルを右クリックして、「プロパティ」を選択します。

　プロパティが表示されたら、「出力ディレクトリにコピー」の項目を「新しい場合はコピーする」に設定します。

　プログラムを実行、または配置すると、エミュレータのブログラムのフォルダにファイルが配置されたことがわかります。

　上記では実行ファイルのあるフォルダにファイルを配置しましたが、フォルダを構成することもできます。

　下図のようにプロジェクトにフォルダを構成し、その中にファイルを配置します。

　エミュレータでもフォルダが作成されていることがわかります。

ユーザーコントロールで既存のコントロールの組み合わせを作成する

オノデラ — Sat, 05 Jul 2008 19:00:00 GMT

　ユーザーコントロールを使用すると、既存のコントロールを組み合わせて新しいコントロールを作成することができます。今回作成するサンプルは TrackBar で色を調節して、イベントによって色を取得するというコントロールを作りたいと思います。

ユーザーコントロールを追加する

　ユーザーコントロールを作るにはプロジェクトにユーザーコントロールを追加する必要があります。

　追加先のプロジェクトを右クリックして、「追加」→「新しい項目」と選択します。

　ダイアログが開いたら、カテゴリから「Windows Forms」を選択し、テンプレートから「ユーザコントロール」を選択します。

　今回は３つのトラックバーで色を指定できるコントロールを作るので、「ColorTrackBar」という名前のコントロールを作ります。ファイル名にコントロール名を入れてください。

　入力が終わったら「追加」ボタンをクリックします。

　するとコントロールが作成され、画面にコントロールのデザイナ画面が表示されます。

ユーザーコントロール内の処理を実装する

　作成するコントロールにもよりますが、今回のコントロールはフォームの背景色と同じにしたいので、UserControlを選択した状態で、プロパティから「BackColor」の項目を選択し、システムカラーの「Window」を選択します。

　UserControl に使用するコントロールを張り付けましょう。TrackBarはそれぞれRGB三つに対応します。Color構造体はRGBそれぞれ0～255の範囲で設定できるので、Maximunを255に設定します。

　現在設定している色を PictureBox に表示できるようにします。BackColor プロパティに設定するので、初期値を Black にしておきます。

　今回はユーザーコントロールの作り方を簡単に説明するので、細かい設定は各自で調整してみてください。

　TrackBar を動かした時に、PictureBox の色を変えられるようにイベントを作成しましょう。TrackBar のイベントから「ValueChanged」イベントを探してダブルクリックします。

　すると、コードに TrackBar の値変更イベントが追加されます。ここに処理を入力していきます。

　その前にほかの２つの TrackBar のイベントも追加しましょう。どれも同じ処理を行うので、最初に作成したイベントをセットしたほうが楽です。

　では、コードを入力しましょう。各トラックバーから値を取得して Color 構造体を作成します。その値を PictureBox の BackColor にセットするだけです。

/// <summary>
/// トラックバーの値が変更されたとき
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void trackBarR_ValueChanged(object sender, EventArgs e)
{
    // 各トラックバーの値から Color を作成
    Color color = Color.FromArgb(this.trackBarR.Value,
                                 this.trackBarG.Value,
                                 this.trackBarB.Value);

    // PictureBox に色をセット
    this.pictureBoxColor.BackColor = color;
}

ユーザーコントロールを配置する

　作成したコントロールは実際に Form に配置して確認しましょう。

　コントロールを作成してビルドを行うと、ツールボックスに作成したコントロールが表示されます。これをフォームに配置します。

　下のようにデザイナに配置できると思います。

　デバッグ実行をして実際にトラックバーを動かしてみると、ピクチャーボックスの色が変化することがわかります。

作成したコントロールにイベントを登録できるようにする

　実際にユーザーコントロールで色は変化しましたが、あくまでコントロール内で色がわかっているだけなのであまり使い道がありません。今度はこのコントロールで色を調整したときに、フォーム上のテキストボックスのテキストの色に反映できるようにしてみましょう。

　まずは、コントロールを使用している Form 等から、設定されている色を取得できるようにしましょう。コントロールのコードに Color プロパティを追加します。

/// <summary>
/// 設定されている色を取得・設定します。
/// </summary>
public Color Color
{
    get
    {
        return Color.FromArgb(this.trackBarR.Value,
                                this.trackBarG.Value,
                                this.trackBarB.Value);
    }
    set
    {
        this.trackBarR.Value = value.R;
        this.trackBarG.Value = value.G;
        this.trackBarB.Value = value.B;
    }
}

　こうすることによって、Form から Color プロパティを介して色情報を取得することができます。

　色情報は取得できるようになりましたが、トラックバーを動かした時点でテキストの色を反映させたいので、作成したコントロールにイベントを追加できるようにします。コントロールのコードに以下のコードを追加します。

/// <summary>
/// 色の値が変化したときにイベントが発生します。
/// </summary>
public event EventHandler ColorChanged = null;

　本来は独自の EventHandler を定義して色情報をイベント引数で渡せるほうがいいのですが、説明の簡略化のために標準の EventHandler を使うことにします。

　さらに、トラックバーの値が変化したときに、登録されているイベントを発生させるようにコードを追加します。

/// <summary>
/// トラックバーの値が変更されたとき
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void trackBarR_ValueChanged(object sender, EventArgs e)
{
    // 各トラックバーの値から Color を作成
    Color color = Color.FromArgb(this.trackBarR.Value,
                                    this.trackBarG.Value,
                                    this.trackBarB.Value);

    // PictureBox に色をセット
    this.pictureBoxColor.BackColor = color;

    if (this.ColorChanged != null)
    {
        // イベントが登録されている場合は処理を行う
        this.ColorChanged(this, new EventArgs());
    }
}

※ColorTrackBar クラスの Color に値を設定した場合、値変更イベントが３回発生してしまうのですが、今回その対処は行いません。（サンプルでも set は使わないので）

イベントを取得する

　では、テスト用にテキストボックスを配置してテキストを入力しておきます。

　ColorTrackBar コントロールイベントを見てみると、先ほど追加したイベントが表示されていると思います。この項目をダブルクリックして Form にイベントを追加します。

※イベントの属性などをまだ設定していないので説明文がなく、カテゴリも「その他」になっています。

　イベントコードが追加されたら、テキストに色が反映されるように設定されるようにします。

/// <summary>
/// 色が変更されたとき
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void colorTrackBar1_ColorChanged(object sender, EventArgs e)
{
    // テキストボックスのテキストに色を設定する
    this.textBox1.ForeColor = this.colorTrackBar1.Color;
}

　では実際に実行してみましょう。色がテキストに反映されていたら成功です。

サンプルプロジェクト

2008-07-06_windows_mobile_createusercontrol.zip

アプリケーションを Windows Mobile にインストールするための CAB ファイルの作成方法

オノデラ — Sun, 29 Jun 2008 23:23:00 GMT

　Visual Studio で作成した Windows Mobile アプリケーションは CAB ファイルにパッケージすることができます。CAB ファイルを作成すれば、Windows Mobile 単独でインストールすることが可能になります。

CAB ファイルの作成

　まずは通常通りに Windows Mobile アプリケーションを作成し、完成させます。

　CAB ファイルを作成するには、専用のプロジェクトを作成する必要があります。

　ソリューションを右クリックして「追加」→「新しいプロジェクト」を選択します。

　プロジェクトの種類から「その他のプロジェクトの種類」から「セットアップの配置」を選択し、テンプレートから「スマートデバイス CAB プロジェクト」を選択します。

　プロジェクト名と場所は任意に設定してください。

　すると、プロジェクトが作成され、「ファイルシステム」というタブが表示されます。

　まずは「アプリケーションフォルダ」を右クリックして「追加」→「プロジェクト出力」を選択します。

　ダイアログが表示されたら、パッケージするアプリケーションのプロジェクトを上のコンボボックスから選択肢、リストから「プライマリ出力」を選択します。その後「OK」ボタンをクリックします。

　すると、アプリケーションフォルダに先ほど選択したプロジェクトが追加されます。

　このプロジェクトを右クリックして、「"プロジェクト名"のプライマリ出力へのショートカットを作成」を選択します。

　アプリケーションを実行するためのショートカットが作成されるので、アプリケーションの名前を入力しておきます。日本語を使用するとビルドエラーになってしまうので英数字のみで名前を付けてください。

　続いて「対象コンピュータ上のファイルシステム」を右クリックして「特別なフォルダの追加」→「プログラムフォルダ」を選択します。

　作成されたプログラムフォルダに、先ほどのショートカットをドラッグで移動させます。

　CAB プロジェクトを右クリックして「プロパティ」を選択します。

　プロパティページが開いたら、出力ファイル名に CAB ファイル名を設定します。これが配布する際の CAB ファイル名称になります。

　Debug と Release 両方に名前を設定してください。

　続いて先ほどのプロパティページとは別の、CAB プロジェクトのプロパティ設定を行います。

　主に設定する箇所は「Manufacture」と「ProductName」です。どちらも日本語を使用するとビルドエラーになってしまうので、英数字のみを使用してください。

　Manufacture には製造元の名前を入力します。

　ProductName にはアプリケーションの名前を入力して下さい。

　以上で設定は終わりです。バッチビルドなどを使用して Release 版のパッケージを作成して下さい。

　作成した CAB ファイルは「プロジェクトフォルダ\Release」にあります。このファイルを配布してください。

CAB ファイルのインストール方法

　CAB ファイルのインストールは別項目なのですが、念のために書いておきます。まず、Windows Mobile 機を PC に接続します。ActiveSync か、Windows Mobile センターで接続できるようにしますが、ここでは Windows Vista で Windows Mobile センターで接続済みを前提として説明します。

　Windows のマイコンピューターから Windows Mobile のフォルダを開き、My Documents 内に CAB ファイルをコピーします。

　あとは、Windows Mobile のほうでその CAB ファイルを選択すると、アプリケーションがインストールされます。プログラムの一覧を見てみるとアプリケーションがインストールされていることがわかります。

Windows Mobile エミュレーターでインターネットに接続するには (修正版)

おのでら — Sun, 29 Jun 2008 21:30:00 GMT

　修正前：Windows Mobile エミュレーターでインターネットに接続するには

　前回 Windows Mobile エミュレーターでインターネットに接続できる方法を書きましたが、どうやらいろいろ設定をいじくった後だったか、環境がセットアップ済みだったこともあり、設定すべき項目が抜けている部分がありました。なので修正版としてもう一度書き直してみたいと思います。

Virtual PC 2007 のインストール

　実は Virtual PC が必要なのではなく、「Virtual Machine Network Driver for Microsoft Device Emulator」が必要なのですが、Virtual PC 2007 をインストールしたほうが何かとてっとり早いのでこれをインストールします。Virtual PC 2007 はこちらからダウンロードできます。ダウンロードしたらインストールしてください。

　ちなみに Virtual PC は起動する必要はありません。

エミュレータの設定

　Visual Studio からプログラムを実行したり、デバイスの接続を行うとエミュレータが表示されます。まずはエミュレータ本体の設定を行う必要があります。

　エミュレータのメニューから「ファイル」→「構成」と選択します。

　エミュレータのプロパティが開くので、「ネットワーク」タブを選択し、「NE2000 PCMCIA ネットワークアダプタを有効にし、次の項目にバインドする」にチェックを入れます。

　下のネットワークカードについては、既存のもので構いませんが、「接続されたネットワークカード」を選択すれば自動的に設定されます。

　設定が終わったら「OK」ボタンをクリックします。

　次にメニューから「ファイル」→「リセット」→「ハード」を選択し、ハードリセットを行います。これを行うとエミュレータ内のいくつかの設定はもとに戻ってしまうので注意してください。

　画面が真っ暗になり、しばらくしてからトップ画面に戻ればリセット完了です。

OSのネットワーク設定

　続いて Windows Mobile の OS の設定を行います。左上にあるスタートボタンをクリックして「設定」メニューを選択します。

　設定画面が開いたら、下のタブから「接続」を選択し、「接続」の項目を選択します。

　設定画面が開いたら「詳細設定」タブを選択し、「ネットワークの選択」ボタンをクリックします。

　「インターネットに自動的に接続するプログラムの接続方法」から「既定の社内ネットワーク設定」を選択して「編集…」ボタンをクリックします。

　タブから「プロキシの設定」を選択し、「このネットワークをインターネットに接続する」にチェックを入れます。あとは「ok」ボタンを押して確定していきます。

　Internet Explorer 等で Web ページが開けるか確認し、接続できれば完了です。

Windows Mobile への .NET Compact Framework 3.5 のインストール方法

オノデラ — Fri, 27 Jun 2008 23:04:00 GMT

　.NET Compact Framework 3.5 は下のリンク先からダウンロードできます。

.NET Compact Framework 3.5 再頒布可能パッケージ

　しかし、ダウンロードサイズを見ると「33.3MB」と書いてあり、正直 Windows Mobile にはきつすぎるサイズなので、どうやってインストールするのかな～て思っていました。

　ためしに Windows Vista にアドエス(Windows Moble 6)を接続し、.NET Compact Framework 3.5 のインストーラーを起動してみたら Windows Mobile デバイスセンター経由でアドエスにインストールされました。よくできていますね(^^)

　酢酸さんのところでも ActiveSync 経由で EMONSTER にインストールできたそうなので XP とかでも大丈夫みたいですね。

　ちなみにインストールできる対象環境は

Windows 2000 Service Pack 4
Windows CE .NET
Windows Mobile 2003 SE software for Pocket PC
Windows Mobile 5.0
Windows Mobile 6
Windows Vista
Windows XP

です。

　ちなみにメモリを 5MB くらいは使うようなので、少しはメモリ領域を気にしたほうがいいかもしれません。