すらすらプログラマーへのお問い合わせ
すらすらのブログ
アクセス数  累計:000,103,207  昨日:000,000,104  本日:000,000,065
Loading
J.S Style Creator
フリーソフト
「コピー ~」撲滅計画
J.S Draw
J.S モニター Pro
J.S パズル
Merge HTML
リッチテキスト⇒HTML変換
J.S モニター SC
J.S Style Creator
J.S Print

絶対に失敗しない Windows 10 無料アップグレード (impress mook)

Windows 10完全制覇パーフェクト

速効!図解Windows 10総合版

いますぐわかるWindows 10 (インプレスムック)

(無料電話サポート付)できる Windows 8.1 (できるシリーズ)

デジタル時計② 最終更新:2010/11/28
【Amazon ランキング:ゲーム - PS Vita】

ここではイメージファイルを用いた高度なデジタル時計の作成方法を説明します。



サンプルイメージファイル: デジタル時計_イメージタイプ.zip(14KB)

1.イメージファイルの準備
イメージタイプでは年月日で使用する小さい 0~9 のイメージと、曜日のイメージ、時分秒で使用する大きい 0~9 のイメージを用意します。

2.プロジェクト作成
プロジェクトをl新規作成して基本イメージにベースとなるイメージを追加します。
次にイメージグループに日付、曜日、時間を追加してそれぞれにイメージを追加します。


イメージグループ ファイル
基本イメージ フレーム.bmp
日付 m0.bmp ~ m9.bmp
曜日 w0.bmp ~ w6.bmp
時間 b0.bmp ~ b9.bmp
3.カウンタの追加
カウンタに年、月、日、曜日、時、分、秒の13個のカウンタを追加して表示した場所に位置を調整します。
このタイプのカウンタではサイズが重要になってきますのでサイズをきっちりと合わせてください。
イメージをそれそれ「日付」「曜日」「時間」に設定してください。


カウンタの設定内容
No カウンタ名 カテゴリタイプ カウンタタイプ イメージ サイズ
1 日付 日付(0~9:99X9年) 日付 17 × 23
2 日付 日付(0~9:999X年) 日付 17 × 23
3 日付 日付(0~9:X9月) 日付 17 × 23
4 日付 日付(0~9:9X月) 日付 17 × 23
5 日付 日付(0~9:X9日) 日付 17 × 23
6 日付 日付(0~9:X9日) 日付 17 × 23
7 曜日 日付 日付(0:日~9:土) 曜日 36 × 24
8 時間 時間(0~9:X9時) 時間 36 × 48
9 時間 時間(0~9:9X時) 時間 36 × 48
10 時間 時間(0~9:X9分) 時間 36 × 48
11 時間 時間(0~9:9X分) 時間 36 × 48
12 時間 時間(0~9:X9秒) 時間 36 × 48
13 時間 時間(0~9:9X秒) 時間 36 × 48
4.イメージ位置調整
基本イメージと「日付」「曜日」「時間」のイメージサイズが異なるのでイメージの位置調整が必要になります。
「日付」を選択するとそれを選択しているカウンタの選択範囲が表示されます。
このままだとイメージからずれているのでイメージを囲む位置に移動させます。


全て同じ位置に重ねます。


「曜日」「時間」も同じように重ねます。


5.テスト
テストを実行して正しく表示されればOKです。
文字の部分が透過表示される場合はプロパティ画面で透過色を変更してください。



【楽天 ランキング:スマートフォン - アクセサリー】




このサイトはフリーソフトのMerge HTMLで作成されています。
このサイトはリンクフリーです。

ページの先頭に戻る Copyright© 2010-2015 Jun.Shiozaki All rights reserved.