Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

Qtでとりあえず最初のプロジェクトをビルドしてみる

スクロールのプロジェクト
f:id:shuzo_kino:20180322231159p:plain
適切な名前
f:id:shuzo_kino:20180322231222p:plain
UIのテーマを決めます。
折角なので、新しめなImagine
f:id:shuzo_kino:20180322231247p:plain
ちゃんと終わると、こんな感じになるはず
f:id:shuzo_kino:20180322235524p:plain

ファイルをみるとこんな感じです
main.qml

import QtQuick 2.9
import QtQuick.Controls 2.2

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Scroll")

    ScrollView {
        anchors.fill: parent

        ListView {
            width: parent.width
            model: 20
            delegate: ItemDelegate {
                text: "Item " + (index + 1)
                width: parent.width
            }
        }
    }
}

ビルド
f:id:shuzo_kino:20180323001444p:plain
実行
f:id:shuzo_kino:20180323001640p:plain
結果
f:id:shuzo_kino:20180323001706p:plain

ためしに、ListViewの内容を以下のように修正

        ListView {
            width: parent.width
            model: 3
            delegate: ItemDelegate {
                text: "MyWork " + (index + 1)
                width: parent.width
            }
        }

リビルド
f:id:shuzo_kino:20180323002049p:plain
結果
f:id:shuzo_kino:20180323002101p:plain


これでは折角のUIライブラリの旨みがまるで分からないので
次回はボタンやスライダーをアレコレ配置してみようと思います。