1.概要
カレンダーは、登録されたスケジュールなどのデータを時間単位や日にち単位の様々なカレンダー形式で表示させることができるコントロールです。スワイプでの週移動などモバイルらしいUIを簡単に実現でき、パラメーター設定でデザインをカスタマイズできます。
以下では、「2.開発の手引き」にて、カレンダーでよく使う機能にかかわるサンプルプログラムがダウンロードできるほか、「3.パラメーター」では、カレンダーに設定するパラメーターのリファレンスを記載しています。
2.開発の手引き
この記事では、カレンダーコントロールを使いこなすうえで、よく使うパラメーター設定をご紹介します。解説で使用しているサンプルプロジェクトは以下よりダウンロードできますので、ぜひご活用ください。
2-1.カレンダーを配置する
カレンダーコントロールには、月、週、週：日毎、日といったバリエーションがあり、同じスケジュールを複数の形式で表現することが可能です。
画面設計機能の左側のコントロールバーから「カレンダー」を選択し、作成した画面上でドラッグすることでカレンダーを配置することができます。ここでは4つのフォームを作成し、それぞれにカレンダー（月）、カレンダー（週）、カレンダー（週：日毎）、カレンダー（日）を配置します。各カレンダーの特徴は次のとおりです。
| カレンダー（月） | 1ヶ月分のカレンダーを日にち単位で表示します。日付の横に 祝日の名称などを表示させることができます。 |
|---|---|
| カレンダー（週） | 1週間分のカレンダーを時間単位で表示します。時間単位の表示 なので予定の開始時刻や所要時間がひと目で確認できます。 |
| カレンダー（週：日毎） | 1週間分のカレンダーを日にち単位で表示します。予定と共に 開始時刻と終了時刻が表示されます。 |
| カレンダー（日） | 1日分のカレンダーを時間単位で表示します。複数人の予定を 分けて表示させることができます。 |
2-2.テーブルを作成する
カレンダーに予定を表示させ、または予定の色を変更するためには、2つのテーブルを作成し、カレンダーと連携させることが必要となります。
作成するテーブルの定義や、初期データの登録方法について説明します。
2-2-1.予定を登録するテーブル
カレンダーに表示される予定を格納するテーブルとなります。サンプルプロジェクトでは、「01_予定テーブル」として以下の要領で定義してありますので参考にしてください。
テーブルの各項目は、各カレンダー選択時にプロパティーエリアに表示される「データ」＞「内容」の各項目に対応しています。
なお、「color」「fontcolor」のデータはARGB値10進変換、「icon」はデータリソースファイルのキーワードです。リソース設定についてはTOPメニューの「プロパティー」から以下の要領で設定します。
各項目のデータがカレンダー上でどのように表示されるかについては、下記「2-3.カレンダーとテーブルを連携する」をご覧ください。
2-2-2.配色を設定するテーブル
カレンダーの配色を設定するテーブルを用意することで、特定の条件（曜日、日付など）に合致する場合の日付の色や予定の背景色、文字色などを設定できます。サンプルプロジェクトでは、「02_カラーテーブル」として以下の要領で定義してありますので参考にしてください。
テーブルの各項目は、各カレンダー選択時にプロパティーエリアに表示される「データ」＞「色テーブル」の各項目に対応しています。
なお、「backcolor」「fontcolor」「fontcolor_dayside」のデータはARGB値10進変換です。
「conditions」のデータは、日付や曜日の条件が設定可能です。設定可能なデータは以下のとおりです。
| 日付 | MM/DD |
| 曜日 | Mon, Tue, Wed, Thu, Fri, Sat, Sun |
日付を設定した場合は、その日が選択されます。曜日を設定した際は、その曜日の日がすべて選択されます。毎月第三月曜日のように固有の日を指定する場合には、曜日のあとに数字を付けます。数字をマイナスに表記にすることで最終の曜日からカウントできます。
例：Mon2⇒毎月第二月曜日
Mon-1⇒毎月最終月曜日
各項目のデータが、カレンダー上でどのように表示されるかについては、「2-3.カレンダーとテーブルを連携する」にて説明します。
2-2-3.データを登録する
上記で定義したテーブルにデータを格納するためにはロジックを作成する必要があります。ロジック作成についてはここでは詳細に説明いたしませんが、サンプルプロジェクトでは「カレンダー初期データ登録ロジック」として、アプリ起動時に2つのテーブルに対して自動でデータを登録する処理を用意してありますので、ご参照ください。
2-3.カレンダーとテーブルを連携する
プロパティーエリアの「データ」からテーブルとの連携を設定することができます。予定テーブルは「データ」＞「内容」から、配色テーブルは「データ」＞「色テーブル」から設定します。
2-3-1.カレンダー（月）
・予定テーブル
プロパティーエリアの「データ」＞「内容」から「テーブル」を選択し、「テーブル名」の項目に上記「2-2-1. 予定を登録するテーブル」で作成したテーブルを指定してください。また、各プロパティー項目に対応するテーブル項目を設定します。
「開始日時」から「終了日時」まで、「色」の色を背景色としたボックスに「文字色」の色で「内容」の値が「アイコン」とともに表示されます。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
・配色テーブル
プロパティーエリアの「データ」＞「色テーブル」の「色テーブル」の項目に上記「2-2-2.配色を設定するテーブル」で作成したテーブルを指定してください。また、各プロパティー項目に、対応するテーブル項目を設定します。
「開始年月」と「終了年月」の間で「色テーブル条件」に適合する日について、背景を「色テーブル色」の色に、日付を「色テーブル文字」の色に変更します。また、「日付横配置」のプロパティーが「左」もしくは「右」の場合は「色テーブル内容」の値を「色テーブル内容文字色」の色で日付の右側もしくは左側に表示できます。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
2-3-2.カレンダー（週）
・予定テーブル
同様に、「データ」＞「内容」からテーブルを指定します。
「開始日時」から「終了日時」まで、「色」の色を背景色としたボックスに「文字色」の色で「内容」の値が「アイコン」とともに表示されます。「終日タスク」が”1”となっているスケジュールは、カレンダー上部の「allday」欄に表示されます。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
・配色テーブル
同様に、「データ」＞「色テーブル」からテーブルを指定します。
「開始年月」と「終了年月」の間で「色テーブル条件」に適合する日について、日付を「色テーブル文字」の色に変更します。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
2-3-3.カレンダー（週：日毎）
・予定テーブル
同様に、「データ」＞「内容」からテーブルを指定します。
「開始日時」から「終了日時」まで、「色」の色を背景色としたボックスに「文字色」の色で「内容」の値が「アイコン」とともに表示されます。「終日タスク」が”1”となっているスケジュール以外のスケジュールには開始時刻と終了時刻が表示されます。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
・配色テーブル
同様に、「データ」＞「色テーブル」からテーブルを指定します。
「開始年月」と「終了年月」の間で「色テーブル条件」に適合する日について、日付を「色テーブル文字」の色に変更します。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
2-3-4.カレンダー（日）
・予定テーブル
同様に、「データ」＞「内容」からテーブルを指定します。
「開始日時」から「終了日時」まで、「色」の色を背景色としたボックスに「文字色」の色で「内容」の値が「アイコン」および「セル内アイコン」とともに表示されます。「終日タスク」が”1”となっているスケジュールは、カレンダー上部のallday欄に表示されます。「グループ入力」に表示させたいグループIDを記入すると「グループID」に応じて区分して表示されます。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
・配色テーブル
同様に、「データ」＞「色テーブル」からテーブルを指定します。
「開始年月」と「終了年月」の間で「色テーブル条件」に適合する日について、日付を「色テーブル文字」の色に変更します。
サンプルプロジェクトにおける格納データ、テーブル項目、プロパティー項目と画面表示の関係性は以下のとおりです。
3.パラメーター
パラメーターを変更することで、簡単にカレンダーの位置や大きさ、色や形、表示する画像などを設定することができますので、それらを活用して、デザイン性に富んだ、わかりやすい画面を作成してみましょう。
また、画面操作時に呼び出す動作を設定することで、アプリユーザーがカレンダーの予定をタッチしたりクリックしたりした際に、アプリにさまざまな動作を実行させることができます。
カレンダーの種類は、以下の4種類となります。
カレンダー（月）
オブジェクト
基本情報
| 名称 | コントロール名を入力します。 |
|---|---|
| サイズ | コントロールの幅と高さを指定します。 |
| 位置 | コントロールの位置を左と上から指定します。 |
| 余白 | コントロールの余白を左と右と上と下から指定します。 |
| 種類 | コントロールの種類を表示します。 |
| スタイル | 予め用意された定義を選択することで、色や罫線等の各種プロパティを一括で 設定できます。 |
動作設定
| 実行処理 | 実行処理がある場合に選択します。 |
|---|---|
| 長押処理 | 長押処理がある場合に選択します。 |
| 押下瞬間時処理 | 押下した瞬間の処理がある場合に選択します。 |
| 描画事前処理 | 描画事前処理がある場合に選択します。 |
可否
| 使用可 | コントロールを使用可能にする場合にチェックします。 |
|---|---|
| 表示 | コントロールを表示する場合にチェックします。 |
| 前次切替ボタン表示 | 前次切替ボタンを表示する場合にチェックします。 |
| 簡易描画 | チェックON時には予定を「・」だけの簡易式で描画します。 |
データ
内容
| フォーム | 表示内容の取得先にフォームで指定しているテーブルを使用する場合に選択 します。 |
|---|---|
| テーブル | 表示内容の取得先にテーブルを使用する場合に選択します。 |
| テーブル名 | カレンダーに紐付けるテーブルを選択します。 |
| 開始日時 | スケジュールの開始日時フィールドを選択します。 |
| 終了日時 | スケジュールの終了日時フィールドを選択します。 |
| 内容 | スケジュールの内容フィールドを選択します。 |
| 色 | スケジュールごとの色フィールドを選択します。 |
| 文字色 | スケジュールごとの文字色フィールドを選択します。 |
| アイコン | スケジュールのアイコンフィールドを選択します。 |
| ヘッダー書式 | カレンダーヘッダーの書式を指定します。 |
色テーブル
| 色テーブル | カレンダー背景色に紐付けるテーブルを選択します。 |
|---|---|
| 色テーブル色 | カレンダー背景色テーブルの色フィールドを選択します。 |
| 色テーブル文字 | カレンダー背景色テーブルの日付文字色フィールドを選択します。 |
| 色テーブル内容 | カレンダー背景色テーブルの内容フィールドを選択します。 |
| 色テーブル内容文字色 | カレンダー背景色テーブルの内容文字色フィールドを選択します。 |
| 色テーブル開始年月 | カレンダー背景色テーブルの開始年月フィールドを選択します。 |
| 色テーブル終了年月 | カレンダー背景色テーブルの終了年月フィールドを選択します。 |
| 色テーブル条件 | カレンダー背景色テーブルの条件フィールドを選択します。 |
デザイン
色と形
| フォント | フォントを指定します。 |
|---|---|
| サイズ | フォントのサイズを指定します。 |
| 太字 | 文字を太字にする場合にチェックします。 |
| 影 | 文字に影をつける場合にチェックします。 |
| 文字列を縮小して 全体を表示 |
表示内容がコントロール内に収まらない場合に |
| 縦配置 | 表示項目の文字位置を[上揃え][上下中央揃え][下揃え]の何れか 選択します。 |
| 横配置 | 表示項目の文字位置を[左揃え][左右中央揃え][右揃え]の何れか 選択します。 |
| 日付横配置 | 日付表示の文字位置を[左揃え][左右中央揃え][右揃え]の何れか 選択します。 |
| 予定行数 | スケジュールの最大表示行数を指定します。 |
| 通常フォント | 前景色を指定します。 |
| 通常塗りつぶし | 背景色を指定します。 |
| 通常罫線／枠線 | 罫線と枠線の色を指定します。 |
| 選択フォント | 選択日時の前景色を指定します。 |
| 選択塗りつぶし | 選択日時の背景色を指定します。 |
| 選択罫線／枠線 | 選択日時の罫線と枠線の色を指定します。 |
| ヘッダーフォント | ヘッダーの前景色を指定します。 |
| ヘッダー塗りつぶし | ヘッダーの背景色を指定します。 |
| ヘッダー罫線／枠線 | ヘッダーの罫線と枠線の色を指定します。 |
| 曜日ヘッダーフォント | 曜日ヘッダーの前景色を指定します。 |
| 曜日ヘッダー塗りつぶし | 曜日ヘッダーの背景色を指定します。 |
| 曜日ヘッダー罫線／枠線 | 曜日ヘッダーの罫線と枠線の色を指定します。 |
| 偶数行 | 偶数行の背景色を指定します。 |
| ボタンフォント | 前次切替ボタンの前景色を指定します。 |
| ボタン塗りつぶし | 前次切替ボタンの背景色を指定します。 |
| ボタン罫線／枠線 | 前次切替ボタンの罫線と枠線の色を指定します。 |
| 当日フォント | 当日セルの前景色を指定します。 |
| 当日塗りつぶし | 当日セルの背景色を指定します。 |
| 別月日フォント | 別月日セルの前景色を指定します。 |
| 別月日塗りつぶし | 別月日セルの背景色を指定します。 |
| 使用不可フォント | 無効時の前景色を指定します。 |
| 使用不可塗りつぶし | 無効時の背景色を指定します。 |
| 使用不可罫線／枠線 | 無効時の罫線と枠線の色を指定します。 |
| 日曜日付色 | 日曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 月曜日付色 | 月曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 火曜日付色 | 火曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 水曜日付色 | 水曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 木曜日付色 | 木曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 金曜日付色 | 金曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| 土曜日付色 | 土曜日付色を指定します。 （ヘッダー前景色を透過にすると有効） |
| ボタンタイプ | 前次切替ボタンの形状を指定します。 |
| 曜日の表示 | カレンダーの曜日の表示を指定します。 |
| 週初めの曜日 | カレンダーの週初めの曜日を指定します。 |
| 選択日の塗り方 | カレンダーの選択日の塗り方を指定します。 |
| 境界線 | コントロールの外枠に境界線を描画するか指定します。 |
| 縦罫線 | セルを分割する縦罫線を描画するか指定します。 |
| 横罫線 | セルを分割する横罫線を描画するか指定します。 |
| 罫線余白 | セルを分割する罫線について、セルの左と上と右と下に罫線の 余白を指定します。 |
| 区切り線幅 | ヘッダーと明細部分を区切る線の幅を指定します。 |
| 区切り線余白 | ヘッダーと明細部分を区切る線の位置を指定します。 数値が大きくなるほど上に移動します。 |
| 線の太さ | 線の太さを指定します。 |
| 丸み | 丸みを指定します。 |
| 厚み | 厚みを指定します。 |
変更イメージ
ボタンタイプ（例）
カレンダー（週）
オブジェクト
基本情報
| 名称 | コントロール名を入力します。 |
|---|---|
| サイズ | コントロールの幅と高さを指定します。 |
| 位置 | コントロールの位置を左と上から指定します。 |
| 余白 | コントロールの余白を左と右と上と下から指定します。 |
| 種類 | コントロールの種類を表示します。 |
| スタイル | 予め用意された定義を選択することで、色や罫線等の各種プロパティを一括で 設定できます。 |
動作設定
| 実行処理 | 実行処理がある場合に選択します。 |
|---|---|
| 長押処理 | 長押処理がある場合に選択します。 |
| 押下瞬間時処理 | 押下した瞬間の処理がある場合に選択します。 |
| 描画事前処理 | 描画事前処理がある場合に選択します。 |
可否
| 使用可 | コントロールを使用可能にする場合にチェックします。 |
|---|---|
| 表示 | コントロールを表示する場合にチェックします。 |
| バウンドする | バウンドする場合にチェックします。 |
| 前次切替ボタン表示 | 前次切替ボタンを表示する場合にチェックします。 |
データ
内容
| フォーム | 表示内容の取得先にフォームで指定しているテーブルを使用する場合に選択 します。 |
|---|---|
| テーブル | 表示内容の取得先にテーブルを使用する場合に選択します。 |
| テーブル名 | カレンダーに紐付けるテーブルを選択します。 |
| 開始日時 | スケジュールの開始日時フィールドを選択します。 |
| 終了日時 | スケジュールの終了日時フィールドを選択します。 |
| 内容 | スケジュールの内容フィールドを選択します。 |
| 色 | スケジュールごとの色フィールドを選択します。 |
| 文字色 | スケジュールごとの文字色フィールドを選択します。 |
| 終日タスク | スケジュールの終日タスクフィールドを選択します。 |
| アイコン | スケジュールのアイコンフィールドを選択します。 |
| ヘッダー書式 | カレンダーヘッダーの書式を指定します。 |
色テーブル
| 色テーブル | カレンダー背景色に紐付けるテーブルを選択します。 |
|---|---|
| 色テーブル文字 | カレンダー背景色テーブルの日付文字色フィールドを選択します。 |
| 色テーブル開始年月 | カレンダー背景色テーブルの開始年月フィールドを選択します。 |
| 色テーブル終了年月 | カレンダー背景色テーブルの終了年月フィールドを選択します。 |
| 色テーブル条件 | カレンダー背景色テーブルの条件フィールドを選択します。 |
デザイン
色と形
| フォント | フォントを指定します。 |
|---|---|
| サイズ | フォントのサイズを指定します。 |
| 太字 | 文字を太字にする場合にチェックします。 |
| 影 | 文字に影をつける場合にチェックします。 |
| 文字列を縮小して 全体を表示 |
表示内容がコントロール内に収まらない場合に |
| 縦配置 | 表示項目の文字位置を[上揃え][上下中央揃え][下揃え]の何れか 選択します。 |
| 横配置 | 表示項目の文字位置を[左揃え][左右中央揃え][右揃え]の何れか 選択します。 |
| 通常フォント | 通常時の前景色を指定します。 |
| 通常塗りつぶし | 通常時の背景色を指定します。 |
| 通常罫線／枠線 | 通常時の罫線と枠線の色を指定します。 |
| 選択フォント | 選択セルの前景色を指定します。未指定時は前景色と同様と なります。 |
| 選択塗りつぶし | 選択セルの背景色を指定します。 |
| 選択罫線／枠線 | 選択セルの罫線と枠線の色を指定します。 |
| ヘッダーフォント | ヘッダー部分の前景色を指定します。 |
| ヘッダー塗りつぶし | ヘッダー部分の背景色を指定します。 |
| ヘッダー罫線／枠線 | ヘッダー部分の罫線と枠線の色を指定します。 |
| 曜日ヘッダーフォント | 曜日ヘッダーの前景色を指定します。 |
| 曜日ヘッダー塗りつぶし | 曜日ヘッダーの背景色を指定します。 |
| 曜日ヘッダー罫線／枠線 | 曜日ヘッダーの罫線と枠線の色を指定します。 |
| ボタンフォント | 前次切替ボタンの前景色を指定します。 |
| ボタン塗りつぶし | 前次切替ボタンの背景色を指定します。 |
| ボタン罫線／枠線 | 前次切替ボタンの罫線と枠線の色を指定します。 |
| 時刻フォント | 時間ヘッダーの前景色を指定します。 |
| 時刻塗りつぶし | 時間ヘッダーの背景色を指定します。 |
| 時刻罫線／枠線 | 時間ヘッダーの罫線と枠線の色を指定します。 |
| 使用不可フォント | 無効時の前景色を指定します。 |
| 使用不可塗りつぶし | 無効時の背景色を指定します。 |
| 使用不可罫線／枠線 | 無効時の罫線と枠線の色を指定します。 |
| 日曜日付色 | 日曜日付色を指定します。 |
| 月曜日付色 | 月曜日付色を指定します。 |
| 火曜日付色 | 火曜日付色を指定します。 |
| 水曜日付色 | 水曜日付色を指定します。 |
| 木曜日付色 | 木曜日付色を指定します。 |
| 金曜日付色 | 金曜日付色を指定します。 |
| 土曜日付色 | 土曜日付色を指定します。 |
| ボタンタイプ | 前次切替ボタンの形状を指定します。 |
| 曜日の表示 | カレンダーの曜日の表示を指定します。 |
| 週初めの曜日 | カレンダーの週初めの曜日を指定します。 |
| 強調開始時間 | カレンダーの強調開始時間を指定します。 |
| 強調終了時間 | カレンダーの強調終了時間を指定します。 |
| 時間幅 | 時間の幅を指定します。 |
| 描画開始時間位置 | カレンダーの描画開始時間を指定します。 |
| 選択日の塗り方 | カレンダーの選択日の塗り方を指定します。 |
| 境界線 | コントロールの外枠に境界線を描画するか指定します。 |
| 縦罫線 | セルを分割する縦罫線を描画するか指定します。 |
| 横罫線 | セルを分割する横罫線を描画するか指定します。 |
| 区切り線幅 | ヘッダーと明細部分を区切る線の幅を指定します。 |
| 区切り線余白 | ヘッダーと明細部分を区切る線の位置を指定します。 数値が大きくなるほど上に移動します。 |
| 線の太さ | 線の太さを指定します。 |
| 丸み | 丸みを指定します。 |
| 厚み | 厚みを指定します。 |
変更イメージ
ボタンタイプ（例）
カレンダー（週：日毎）
オブジェクト
基本情報
| 名称 | コントロール名を入力します。 |
|---|---|
| サイズ | コントロールの幅と高さを指定します。 |
| 位置 | コントロールの位置を左と上から指定します。 |
| 余白 | コントロールの余白を左と右と上と下から指定します。 |
| 種類 | コントロールの種類を表示します。 |
| スタイル | 予め用意された定義を選択することで、色や罫線等の各種プロパティを一括で 設定できます。 |
動作設定
| 実行処理 | 実行処理がある場合に選択します。 |
|---|---|
| 長押処理 | 長押処理がある場合に選択します。 |
| 押下瞬間時処理 | 押下した瞬間の処理がある場合に選択します。 |
| 描画事前処理 | 描画事前処理がある場合に選択します。 |
可否
| 使用可 | コントロールを使用可能にする場合にチェックします。 |
|---|---|
| 表示 | コントロールを表示する場合にチェックします。 |
| 前次切替ボタン表示 | 前次切替ボタンを表示する場合にチェックします。 |
データ
内容
| フォーム | 表示内容の取得先にフォームで指定しているテーブルを使用する場合に選択 します。 |
|---|---|
| テーブル | 表示内容の取得先にテーブルを使用する場合に選択します。 |
| テーブル名 | カレンダーに紐付けるテーブルを選択します。 |
| 開始日時 | スケジュールの開始日時フィールドを選択します。 |
| 終了日時 | スケジュールの終了日時フィールドを選択します。 |
| 内容 | スケジュールの内容フィールドを選択します。 |
| 色 | スケジュールごとの色フィールドを選択します。 |
| 文字色 | スケジュールごとの文字色フィールドを選択します。 |
| 終日タスク | スケジュールの終日タスクフィールドを選択します。 |
| アイコン | スケジュールのアイコンフィールドを選択します。 |
| ヘッダー書式 | カレンダーヘッダーの書式を指定します。 |
表示色
| 色テーブル | カレンダー背景色に紐付けるテーブルを選択します。 |
|---|---|
| 色テーブル文字 | カレンダー背景色テーブルの日付文字色フィールドを選択します。 |
| 色テーブル開始年月 | カレンダー背景色テーブルの開始年月フィールドを選択します。 |
| 色テーブル終了年月 | カレンダー背景色テーブルの終了年月フィールドを選択します。 |
| 色テーブル条件 | カレンダー背景色テーブルの条件フィールドを選択します。 |
デザイン
色と形
| フォント | フォントを指定します。 |
|---|---|
| サイズ | フォントのサイズを指定します。 |
| 太字 | 文字を太字にする場合にチェックします。 |
| 影 | 文字に影をつける場合にチェックします。 |
| 文字列を縮小して 全体を表示 |
表示内容がコントロール内に収まらない場合に |
| 縦配置 | 表示項目の文字位置を[上揃え][上下中央揃え][下揃え]の何れか 選択します。 |
| 横配置 | 表示項目の文字位置を[左揃え][左右中央揃え][右揃え]の何れか 選択します。 |
| 通常フォント | 通常時の前景色を指定します。 |
| 通常塗りつぶし | 通常時の背景色を指定します。 |
| 通常罫線／枠線 | 通常時の罫線と枠線の色を指定します。 |
| 選択フォント | 選択セルの前景色を指定します。未指定時は前景色と同様と なります。 |
| 選択塗りつぶし | 選択セルの背景色を指定します。 |
| 選択罫線／枠線 | 選択セルの罫線と枠線の色を指定します。 |
| ヘッダーフォント | ヘッダー部分の前景色を指定します。 |
| ヘッダー塗りつぶし | ヘッダー部分の背景色を指定します。 |
| ヘッダー罫線／枠線 | ヘッダー部分の罫線と枠線の色を指定します。 |
| 曜日ヘッダーフォント | 曜日ヘッダーの前景色を指定します。 |
| 曜日ヘッダー塗りつぶし | 曜日ヘッダーの背景色を指定します。 |
| 曜日ヘッダー罫線／枠線 | 曜日ヘッダーの罫線と枠線の色を指定します。 |
| ボタンフォント | 前次切替ボタンの前景色を指定します。 |
| ボタン塗りつぶし | 前次切替ボタンの背景色を指定します。 |
| ボタン罫線／枠線 | 前次切替ボタンの罫線と枠線の色を指定します。 |
| 使用不可フォント | 無効時の前景色を指定します。 |
| 使用不可塗りつぶし | 無効時の背景色を指定します。 |
| 使用不可罫線／枠線 | 無効時の罫線と枠線の色を指定します。 |
| 日曜日付色 | 日曜日付色を指定します。 |
| 月曜日付色 | 月曜日付色を指定します。 |
| 火曜日付色 | 火曜日付色を指定します。 |
| 水曜日付色 | 水曜日付色を指定します。 |
| 木曜日付色 | 木曜日付色を指定します。 |
| 金曜日付色 | 金曜日付色を指定します。 |
| 土曜日付色 | 土曜日付色を指定します。 |
| ボタンタイプ | 前次切替ボタンの形状を指定します。 |
| 曜日の表示 | カレンダーの曜日の表示を指定します。 |
| 週初めの曜日 | カレンダーの週初めの曜日を指定します。 |
| 選択日の塗り方 | カレンダーの選択日の塗り方を指定します。 |
| 境界線 | コントロールの外枠に境界線を描画するか指定します。 |
| 縦罫線 | セルを分割する縦罫線を描画するか指定します。 |
| 横罫線 | セルを分割する横罫線を描画するか指定します。 |
| 区切り線幅 | ヘッダーと明細部分を区切る線の幅を指定します。 |
| 区切り線余白 | ヘッダーと明細部分を区切る線の位置を指定します。 数値が大きくなるほど上に移動します。 |
| 線の太さ | 線の太さを指定します。 |
| 丸み | 丸みを指定します。 |
| 厚み | 厚みを指定します。 |
変更イメージ
ボタンタイプ（例）
カレンダー（日）
オブジェクト
基本情報
| 名称 | コントロール名を入力します。 |
|---|---|
| サイズ | コントロールの幅と高さを指定します。 |
| 位置 | コントロールの位置を左と上から指定します。 |
| 余白 | コントロールの余白を左と右と上と下から指定します。 |
| 種類 | コントロールの種類を表示します。 |
| スタイル | 予め用意された定義を選択することで、色や罫線等の各種プロパティを一括で 設定できます。 |
動作設定
| 実行処理 | 実行処理がある場合に選択します。 |
|---|---|
| 長押処理 | 長押処理がある場合に選択します。 |
| 押下瞬間時処理 | 押下した瞬間の処理がある場合に選択します。 |
| 描画事前処理 | 描画事前処理がある場合に選択します。 |
可否
| 使用可 | コントロールを使用可能にする場合にチェックします。 |
|---|---|
| 表示 | コントロールを表示する場合にチェックします。 |
| バウンドする | バウンドする場合にチェックします。 |
| 前次切替ボタン表示 | 前次切替ボタンを表示する場合にチェックします。 |
データ
内容
| フォーム | 表示内容の取得先にフォームで指定しているテーブルを使用する場合に 選択します。 |
|---|---|
| テーブル | 表示内容の取得先にテーブルを使用する場合に選択します。 |
| テーブル名 | カレンダーに紐付けるテーブルを選択します。 |
| 開始日時 | スケジュールの開始日時フィールドを選択します。 |
| 終了日時 | スケジュールの終了日時フィールドを選択します。 |
| 内容 | スケジュールの内容フィールドを選択します。 |
| 色 | スケジュールごとの色フィールドを選択します。 |
| 文字色 | スケジュールごとの文字色フィールドを選択します。 |
| 終日タスク | スケジュールの終日タスクフィールドを選択します。 |
| アイコン | スケジュールのアイコンフィールドを選択します。 |
| セル内アイコン | スケジュールのセル内アイコンフィールドを選択します。 |
| グループID | スケジュールのグループフィールドを選択します。 |
| ヘッダー書式 | カレンダーヘッダーの書式を指定します。 |
| グループ入力 |
グループ一覧の値を、2カラムまでのCSV形式で入力します。
|
色テーブル
| 色テーブル | カレンダー背景色に紐付けるテーブルを選択します。 |
|---|---|
| 色テーブル文字 | カレンダー背景色テーブルの日付文字色フィールドを選択します。 |
| 色テーブル開始年月 | カレンダー背景色テーブルの開始年月フィールドを選択します。 |
| 色テーブル終了年月 | カレンダー背景色テーブルの終了年月フィールドを選択します。 |
| 色テーブル条件 | カレンダー背景色テーブルの条件フィールドを選択します。 |
デザイン
色と形
| フォント | フォントを指定します。 |
|---|---|
| サイズ | フォントのサイズを指定します。 |
| 太字 | 文字を太字にする場合にチェックします。 |
| 影 | 文字に影をつける場合にチェックします。 |
| 文字列を縮小して 全体を表示 |
表示内容がコントロール内に収まらない場合に |
| 縦配置 | 表示項目の文字位置を[上揃え][上下中央揃え][下揃え]の何れか 選択します。 |
| 横配置 | 表示項目の文字位置を[左揃え][左右中央揃え][右揃え]の何れか 選択します。 |
| 通常フォント | 前景色を指定します。 |
| 通常塗りつぶし | 背景色を指定します。 |
| 通常罫線／枠線 | 罫線と枠線の色を指定します。 |
| 選択フォント | 選択日時の前景色を指定します。 |
| 選択塗りつぶし | 選択日時の背景色を指定します。 |
| 選択罫線／枠線 | 選択日時の罫線と枠線の色を指定します。 |
| ヘッダーフォント | ヘッダーの前景色を指定します。 |
| ヘッダー塗りつぶし | ヘッダーの背景色を指定します。 |
| ヘッダー罫線／枠線 | ヘッダーの罫線と枠線の色を指定します。 |
| ボタンフォント | 前次切替ボタンの前景色を指定します。 |
| ボタン塗りつぶし | 前次切替ボタンの背景色を指定します。 |
| ボタン罫線／枠線 | 前次切替ボタンの罫線と枠線の色を指定します。 |
| グループフォント | カレンダーグループ一覧の前景色を指定します。 |
| グループ塗りつぶし | カレンダーグループ一覧の背景色を指定します。 |
| グループ罫線／枠線 | カレンダーグループ一覧の罫線と枠線の色を指定します。 |
| 時刻フォント | 時間ヘッダーの前景色を指定します。 |
| 時刻塗りつぶし | 時間ヘッダーの背景色を指定します。 |
| 時刻罫線／枠線 | 時間ヘッダーの罫線と枠線の色を指定します。 |
| 使用不可フォント | 無効時の前景色を指定します。 |
| 使用不可塗りつぶし | 無効時の背景色を指定します。 |
| 使用不可罫線／枠線 | 無効時の罫線と枠線の色を指定します。 |
| 日曜日付色 | 日曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 月曜日付色 | 月曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 火曜日付色 | 火曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 水曜日付色 | 水曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 木曜日付色 | 木曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 金曜日付色 | 金曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| 土曜日付色 | 土曜日付色を指定します。（ヘッダー前景色を透過にすると有効） |
| ボタンタイプ | 前次切替ボタンの形状を指定します。 |
| 曜日の表示 | カレンダーの曜日の表示を指定します。 |
| 強調開始時間 | カレンダーの強調開始時間を指定します。 |
| 強調終了時間 | カレンダーの強調終了時間を指定します。 |
| 時間幅 | 時間の幅を指定します。 |
| 描画開始時間位置 | カレンダーの描画開始時間を指定します。 |
| 境界線 | コントロールの外枠に境界線を描画するか指定します。 |
| 縦罫線 | セルを分割する縦罫線を描画するか指定します。 |
| 横罫線 | セルを分割する横罫線を描画するか指定します。 |
| 区切り線幅 | ヘッダーと明細部分を区切る線の幅を指定します。 |
| 区切り線余白 | ヘッダーと明細部分を区切る線の位置を指定します。 数値が大きくなるほど上に移動します。 |
| 線の太さ | 線の太さを指定します。 |
| 丸み | 丸みを指定します。 |
| 厚み | 厚みを指定します。 |
変更イメージ
ボタンタイプ（例）