add book
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
# Copyright (c) Daniel Gakwaya.
|
||||
# SPDX-License-Identifier: MIT
|
||||
|
||||
cmake_minimum_required(VERSION 3.16)
|
||||
|
||||
project(10-PathView VERSION 0.1 LANGUAGES CXX)
|
||||
|
||||
set(CMAKE_CXX_STANDARD_REQUIRED ON)
|
||||
|
||||
find_package(Qt6 6.5 REQUIRED COMPONENTS Quick)
|
||||
|
||||
qt_standard_project_setup(REQUIRES 6.5)
|
||||
|
||||
qt_add_executable(app10-PathView
|
||||
main.cpp
|
||||
)
|
||||
|
||||
qt_add_qml_module(app10-PathView
|
||||
URI 10-PathView
|
||||
VERSION 1.0
|
||||
QML_FILES Main.qml
|
||||
)
|
||||
|
||||
set_target_properties(app10-PathView PROPERTIES
|
||||
MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
|
||||
MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
|
||||
MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
|
||||
MACOSX_BUNDLE TRUE
|
||||
WIN32_EXECUTABLE TRUE
|
||||
)
|
||||
|
||||
target_link_libraries(app10-PathView
|
||||
PRIVATE Qt6::Quick
|
||||
)
|
||||
|
||||
install(TARGETS app10-PathView
|
||||
BUNDLE DESTINATION .
|
||||
LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
|
||||
RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
|
||||
)
|
||||
@@ -0,0 +1,203 @@
|
||||
// Copyright (c) Daniel Gakwaya.
|
||||
// SPDX-License-Identifier: MIT
|
||||
|
||||
import QtQuick
|
||||
import QtQuick.Window
|
||||
|
||||
Window {
|
||||
id: rootId
|
||||
width: 340
|
||||
height: 480
|
||||
visible: true
|
||||
title: qsTr("PathView")
|
||||
|
||||
Rectangle {
|
||||
width: parent.width
|
||||
height: parent.height
|
||||
color: "#EBEBEB"
|
||||
|
||||
|
||||
ListModel {
|
||||
id: modelId
|
||||
ListElement { our_color: "red" }
|
||||
ListElement { our_color: "green" }
|
||||
ListElement { our_color: "blue" }
|
||||
ListElement { our_color: "yellow" }
|
||||
ListElement { our_color: "black" }
|
||||
ListElement { our_color: "dodgerblue" }
|
||||
ListElement { our_color: "purple" }
|
||||
ListElement { our_color: "magenta" }
|
||||
ListElement { our_color: "yellowgreen" }
|
||||
ListElement { our_color: "skyblue" }
|
||||
}
|
||||
|
||||
|
||||
Component {
|
||||
id: delegateId
|
||||
Column {
|
||||
//opacity: PathView.opacity
|
||||
scale: PathView.scale
|
||||
opacity: PathView.isCurrentItem ? 1 : 0.3
|
||||
readonly property bool is_current: PathView.isCurrentItem
|
||||
|
||||
|
||||
/*
|
||||
Rectangle{
|
||||
width: 5
|
||||
height: 5
|
||||
color: "black"
|
||||
radius: 5
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
Rectangle {
|
||||
anchors.horizontalCenter: textId.horizontalCenter
|
||||
width: 64
|
||||
height: 64
|
||||
radius: 20
|
||||
color: model.our_color
|
||||
MouseArea{
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
if(is_current){
|
||||
console.log("Clicked on "+ model.our_color)
|
||||
}else{
|
||||
console.log("Not current item")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Text {
|
||||
id: textId
|
||||
text: model.our_color; font.pixelSize: 24
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
PathView {
|
||||
anchors.fill: parent
|
||||
model: modelId
|
||||
//model: 100
|
||||
delegate: delegateId
|
||||
focus: true
|
||||
|
||||
path: Path {
|
||||
|
||||
//Bottom : Starting Point
|
||||
startX: rootId.width/2
|
||||
startY: rootId.height - 50
|
||||
|
||||
PathAttribute{
|
||||
name: "scale"
|
||||
value: 1
|
||||
}
|
||||
/*
|
||||
PathAttribute{
|
||||
name: "opacity"
|
||||
value: 1
|
||||
}
|
||||
*/
|
||||
|
||||
// Towards Left
|
||||
PathCubic {
|
||||
x: 50
|
||||
y: rootId.height/2
|
||||
|
||||
control1X: rootId.width/2 - rootId.width/8
|
||||
control1Y: rootId.height
|
||||
control2X: 0
|
||||
control2Y: rootId.height/2 + rootId.height/8
|
||||
|
||||
}
|
||||
|
||||
PathAttribute{
|
||||
name: "scale"
|
||||
value: 0.5
|
||||
}
|
||||
/*
|
||||
PathAttribute{
|
||||
name: "opacity"
|
||||
value: 0.5
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
//Towards Top: Q2
|
||||
PathCubic {
|
||||
x: rootId.width/2
|
||||
y: 50
|
||||
control1X: 0
|
||||
control1Y: (rootId.height/2 - rootId.height/8)
|
||||
control2X : (rootId.width/2 - rootId.width/8)
|
||||
control2Y: 0
|
||||
}
|
||||
|
||||
|
||||
PathAttribute{
|
||||
name: "scale"
|
||||
value: 0.3
|
||||
}
|
||||
|
||||
/*
|
||||
PathAttribute{
|
||||
name: "opacity"
|
||||
value: 0.5
|
||||
}
|
||||
*/
|
||||
|
||||
//Towards Right: Q3
|
||||
PathCubic {
|
||||
x: rootId.width - 50
|
||||
y: rootId.height/2
|
||||
control1X: rootId.width/2 + rootId.width/8
|
||||
control1Y: 0
|
||||
control2X: rootId.width
|
||||
control2Y: rootId.height/2 - rootId.height/8
|
||||
}
|
||||
|
||||
|
||||
PathAttribute{
|
||||
name: "scale"
|
||||
value: 0.5
|
||||
}
|
||||
|
||||
/*
|
||||
PathAttribute{
|
||||
name: "opacity"
|
||||
value: 0.5
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
//Towards bottom: Q4
|
||||
PathCubic {
|
||||
x: rootId.width/2
|
||||
y: rootId.height - 50
|
||||
control1X: rootId.width
|
||||
control1Y: rootId.height/2 + rootId.height/8
|
||||
control2X: rootId.width/2 + rootId.width/8
|
||||
control2Y: rootId.height
|
||||
}
|
||||
|
||||
|
||||
PathAttribute{
|
||||
name: "scale";value: 1
|
||||
}
|
||||
|
||||
/*
|
||||
PathAttribute{
|
||||
name: "opacity";value: 0.5
|
||||
}
|
||||
*/
|
||||
|
||||
}
|
||||
|
||||
Keys.onLeftPressed: decrementCurrentIndex()
|
||||
Keys.onRightPressed: incrementCurrentIndex()
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
// Copyright (c) Daniel Gakwaya.
|
||||
// SPDX-License-Identifier: MIT
|
||||
|
||||
#include <QGuiApplication>
|
||||
#include <QQmlApplicationEngine>
|
||||
|
||||
|
||||
int main(int argc, char *argv[])
|
||||
{
|
||||
QGuiApplication app(argc, argv);
|
||||
|
||||
QQmlApplicationEngine engine;
|
||||
QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
|
||||
&app, []() { QCoreApplication::exit(-1); },
|
||||
Qt::QueuedConnection);
|
||||
engine.loadFromModule("10-PathView", "Main");
|
||||
|
||||
return app.exec();
|
||||
}
|
||||
Reference in New Issue
Block a user