[デジタル時計の作成]  rainmeterスキン作成マニュアル

はじめに
rainmeterとは
rainmeterのインストール
iniファイルの基本構成
スキン作成
スキン作りの準備
デジタル時計の作成
日付情報の作成
CPU情報の作成
アナログ時計の作成
ハードディスク情報の作成
コマンドボタンの作成
アニメーションアイコンの作成
基本設定・その他
[Rainmeter]の設定
[Variables]の設定
色値の指定方法
角度値の指定方法
コマンド
Measureの設定
Measure
…全般設定
NetIn
…ネット通信(ダウンロード)
NetOut
…ネット通信(アップロード)
NetTotal
…ネット通信(総合)
FreeDiskSpace
…空きディスクスペース
Plugin
…プラグイン
Registry
…レジストリ
Time
…日付・時刻
Calc
…計算
Meterの設定
Meter
…全般設定
Histogram
…ヒストグラム
String
…文字
Bar
…棒グラフ
ImageBitmap
…画像
Line
…線グラフ
Roundline
…回転線・円グラフ
Rotator
…回転画像
Button
…ボタン
応用
値を日本語表示に変更
透明のドラッグ領域を作る
iniファイルの編集をより簡単にする
資料集
フォーマットコード一覧
素材リンク

デジタル時計の作成

デジタル表示時計の作り方を説明します。デジタル表示の時計は設定がわかりやすく、比較的簡単に作る事ができます。

まずはこのようなオブジェクトを作っていきます。

デジタル時計

事前にスキンフォルダとiniファイルを用意します。(→スキン作りの準備 )
このオブジェクトを作るためには[Measure]で現在時間と分の情報を得て、[Meter]でそれらの情報を文字にして表示する必要があります。


[Rainmeter]

Backgroundmode=1


[Variables]

f.color=255,255,255,200

f.face=Arial


;Measure


[MeaTimeH]

Measure=Time

Format="%H"


[MeaTimeM]

Measure=Time

Format="%M"


;Meter


[MeTimeH]

Meter=String

MeasureName=MeaTimeH

X=0

Y=0

StringStyle=BOLD

FontSize=30

Fontcolor=#f.color#

FontFace=#f.face#

AntiAlias=1


[MeTimeM]

Meter=String

MeasureName=MeaTimeM

X=45

Y=0

StringStyle=BOLD

FontSize=30

Fontcolor=#f.color#

FontFace=#f.face#

AntiAlias=1

Prefix=":"

まずは[Rainmeter]で「BackgroundMode」を1にして背景を透明モードにします。そして[Variables]で事前に文字色とフォントの設定をします。 次に[Measure]では「Time」の「Format」設定で時間と分情報を取得します。時間のフォーマットコードは%H、分は%Mで取得する事ができます。 (→フォーマットコード一覧)

次に[Meter]で表示設定をします。時間の方から説明すると、「MeasureName=」で「Format="%H"」の設定がされている方の名前を入れます。 そして「Meter=」で「String(文字を表示)」と記入します。

「X」「Y」で横軸、縦軸の位置を決め、「FontSize」「StringStyle」で文字の大きさ、文字スタイルを指定します。ここでは大きさが30、スタイルはBOLD(太字)にしています。

「Fontcolor=」と「FontFace=」で文字色、フォントの種類を指定します。ここでは[Variables]から設定を持ってきています。

「AntiAlias=」を1に設定して文字をなめらかにして、時間の方の設定は完了です。

分の設定は時間の設定の仕方とほぼ一緒ですが、文字の位置と分の前にコロン(:)をつける設定が違います。 まず分の文字の横軸を右にずらします。「X」設定で分を時間の右に配置します。 最後に「Prefix」設定で分情報の前に文字を付け加えます。デジタル時計なので「:」を記入します。 これでデジタル時計は完成です。


これを更に編集して文字色(FontColor)や配置(X・Y)、フォント(FontFace)などを変えたり、背景色(BackgroundMode・SolidColor)・背景画像(Background)を加えたりなどする事もできます。

文字色、フォント、分の位置を編集 文字を重ねて影をつける 背景色を加える 背景画像を加える
カスタム検索