Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

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ライブラリの旨みがまるで分からないので
次回はボタンやスライダーをアレコレ配置してみようと思います。