c++ - 設定メニューUIの実装

Question

たとえば、カレンダー アプリのような BB10 設定メニューを実装しようとしています。ここでの質問は、どのコンポーネントを使用すればよいかということです。XML モデルで ListView を使用すると見栄えはよくなりますが、翻訳とは互換性がありません。C++ モデルを使用すると、エントリがいくつかある単純なメニューではやり過ぎに見えます…おそらく確立されたパターンがどこかにあるのでしょうが、それを見つけることができません。

カレンダー アプリの設定ビューのスクリーンショット

Answer 1

必要なのは、タイトル バーの消費可能なコンテンツ プロパティです。

Answer 2

タイトルと画像のプロパティを持つ各エントリで再利用できる QML オブジェクトを作成します。

たとえば、おそらく次のようなものです。

SettingEntry.qml

Container {
    property alias title:title.Text
    signal click()
    TextView {
        id: title
        text: "[title goes here]"
    }
    gestureHandlers: [
        TapHandler {
             onTapped: {
                 click();
             }                
        }
    ]
}

次に、設定ページで通常のオブジェクトのように使用します。

Page {
    Container {
        SettingEntry {
            title: "General"
            onClick: {
                //open general page
            }
        }
        SettingEntry {
            title: "Invitation Settings"
        }
    }
}

上記は明らかに非常に単純化されています。アイコン画像を含め、翻訳コードを追加し、幅やパディングの塗りつぶしなどの視覚的な調整を追加する必要があります.
ただし、どこから始めるべきかについての良いアイデアが得られるはずです。

また、クリックなどのイベントを処理する方法を示すために、ジェスチャー ハンドラーとシグナルも含めました。