MonthGrid QML Type

暦月の日数グリッド。もっと見る...

• 継承されたメンバを含む、すべてのメンバのリスト

プロパティ

• delegate : Component
• month : int
• title : string
• year : int

信号

• clicked(date date)
• pressAndHold(date date)
• pressed(date date)
• released(date date)

詳細説明

MonthGrid は暦月をグリッドで表示する。内容は、指定されたmonth とyear に対して、指定されたlocale を使用して計算されます。

MonthGrid {
    month: Calendar.December
    year: 2015
    locale: Qt.locale("en_US")
}

MonthGridはスタンドアロンのコントロールとしても使用できますが、DayOfWeekRow やWeekNumberColumn と組み合わせて使用されることが最も多いです。使用ケースにかかわらず、グリッドの位置はユーザーに任されている。

GridLayout {
    columns: 2

    DayOfWeekRow {
        locale: grid.locale

        Layout.column: 1
        Layout.fillWidth: true
    }

    WeekNumberColumn {
        month: grid.month
        year: grid.year
        locale: grid.locale

        Layout.fillHeight: true
    }

    MonthGrid {
        id: grid
        month: Calendar.December
        year: 2015
        locale: Qt.locale("en_US")

        Layout.fillWidth: true
        Layout.fillHeight: true
    }
}

MonthGridの視覚的な外観は、custom delegate を実装することで変更できます。

任意の月を表示するとき、MonthGridは前月と翌月の日数を表示します。これは、最初か最後の行が完全に隣接する月であっても、常に6行を表示することを意味します。

日のローカライズ

日をローカライズするには、Locale.toString （）を使用します。たとえば、アラビア語のロケールで日数を表示する場合などである：

MonthGrid {
    id: monthGrid
    month: Calendar.December
    year: 2015
    locale: Qt.locale("ar")
    delegate: Text {
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        opacity: model.month === monthGrid.month ? 1 : 0
        text: monthGrid.locale.toString(model.date, "d")
        font: monthGrid.font

        required property var model
    }
}

DayOfWeekRow 、WeekNumberColumn 、CalendarModel 、Qt Quick Controls - イベントカレンダーも参照してください 。

プロパティ・ドキュメント

delegate : Component

このプロパティは、各日を視覚化する項目デリゲートを保持します。

index プロパティに加えて、各デリゲートのコンテキストでモデル・データの役割のリストが利用可能です：

次のスニペットは、itemデリゲートのデフォルトの実装です。これは、カスタムデリゲートを実装するための出発点として使用することができます。

MonthGrid はデリゲートの所有権を持ちません。

delegate: Text {
    horizontalAlignment: Text.AlignHCenter
    verticalAlignment: Text.AlignVCenter
    opacity: model.month === control.month ? 1 : 0
    text: model.day
    font: control.font
    color: control.palette.text

    required property var model
}

month : int

このプロパティは月番号を保持する。デフォルト値は現在の月です。

のカレンダー関連の型は Qt Quick Controlsのカレンダー関連の型は、JavaScript の Date オブジェクトのように、0 ベースの月番号を使用します。ただし、これはQDate とは異なり、月番号は 1 から始まります。

混乱を避けるために、以下の列挙値を使用することができます：

Calendarもご覧 ください。

title : string

このプロパティは、カレンダーのタイトルを保持します。

このプロパティは便宜上提供されています。MonthGrid 自体はタイトルを視覚化しません。デフォルト値は、locale でフォーマットされた月名と、年号から構成されます。

year : int

このプロパティは年号を保持する。

値は-271820 から275759 の範囲でなければならない。 デフォルト値は現在の年である。

シグナル・ドキュメント

clicked(date date)

このシグナルはdate がクリックされたときに発せられる。

pressAndHold(date date)

このシグナルは、date が押し続けられたときに発せられる。

pressed(date date)

このシグナルはdate が押されたときに発せられる。

released(date date)

このシグナルは、date がリリースされたときに発せられる。