qtforum.de

Code: Alles auswählen

import QtQuick 2.7
import Lomiri.Components 1.3
import QtQuick.Layouts 1.3
import QtQuick.Dialogs 1.3
import Qt.labs.settings 1.0
import QtQuick.Controls 2.2
import Qt.labs.platform 1.1
import QtQuick.LocalStorage 2.0

Page {
    id: notePage
    //title: i18n.tr("📝 Notizbuch")
    property var pageStackRef: null
    property var drawerRef: null
    property var settingsRef
    property bool selectionMode: false
    property int selectionAnchor: -1   // Startposition der Markierung
    
    QtObject {
        id: ubuntucolors
        property color orange: "#E95420"
        property color lightGreen: "#68B723"
        property color suruGrey: "#AEA79F"
        property color darkGrey: "#333333"
        property color slate: "#411934"
        property color lightGrey:"#DAE1E4"
        property color middlGrey:"#EACCFC"
    }
    header: PageHeader { 
        title: i18n.tr("Notizen")
        trailingActionBar.actions: [
            Action {
                iconName: "navigation-menu"
                text: "Menü"
                onTriggered: drawerRef.open()
            }
        ]
    }

    // === Layout-Struktur ===
     ColumnLayout {
         Rectangle{
             id:butbox
             color:ubuntucolors.lightGrey
             anchors.topMargin: units.gu(2)
         RowLayout {
            Layout.fillWidth: true
             
            spacing: units.gu(1)
            Button { id:b1; text: "B"; Layout.preferredWidth: units.gu(4.5); onClicked: insertTag("<b>", "</b>") }
            Button { text: "U"; Layout.preferredWidth: units.gu(4.5); onClicked: insertTag("<u>", "</u>") }
            Button { text: "I"; Layout.preferredWidth: units.gu(4.5); onClicked: insertTag("<i>", "</i>") }
            Button { text: "🔵"; Layout.preferredWidth: units.gu(4.5); onClicked: insertTag("<font color='blue'>", "</font>") }
            Button { text: "🔴"; Layout.preferredWidth: units.gu(4.5); onClicked: insertTag("<font color='red'>", "</font>") }
            Button { text: "💾"; Layout.preferredWidth: units.gu(4.5); onClicked: saveNote() }
        } // ende RowLayout
      }  
        
             
         ScrollView {
            y:b1.x + b1.height
     
    Layout.minimumHeight : 250
          
        TextEdit {
                id: editor
                
                //anchors.fill: parent 
                focus: true
                cursorVisible: true
                color: "black"
                selectionColor: "#7AA2E3" // Ein helles, sichtbares Blau
                selectedTextColor: "#FFFFFF" // Weißer Text auf blauem Hintergrund
                    
                font.pointSize: units.gu(1.5)
                text: "test"
                wrapMode: TextEdit.Wrap
                textFormat: TextEdit.RichText
                //anchors.fill: parent 
                height:units.gu(50)
        } 
             
        }
        
        
        RowLayout {
            Layout.fillWidth: true
             
            spacing: units.gu(1)
            Button { text: "◀"; Layout.preferredWidth: units.gu(4);   onClicked: moveCursor(-1) }
            Button { text: "▶"; Layout.preferredWidth: units.gu(4); onClicked: moveCursor(1)  }
            Button { text: "▲"; Layout.preferredWidth: units.gu(4);   onClicked: moveCursorLine(-1)}
            Button { text: "▼"; Layout.preferredWidth: units.gu(4);   onClicked: moveCursorLine(1) }
            // In NotizbuchPage.qml (im RowLayout der Formatierungs-Buttons)
            
            // Markiermodus aktivieren
            Button { 
                text: notePage.selectionMode ? "✅ Markieren" : "🔛 Markieren"
                Layout.preferredWidth: units.gu(10)
                background: Rectangle {
                    color: notePage.selectionMode ? ubuntucolors.orange : ubuntucolors.lightGrey
                    radius: 4
                }
                onClicked: {
                    notePage.selectionMode = !notePage.selectionMode
                    if (notePage.selectionMode) {
                    notePage.selectionAnchor = editor.cursorPosition
                    } else {
                    editor.select(editor.cursorPosition, editor.cursorPosition)
                    notePage.selectionAnchor = -1
                    }
                    focusTimer.start()
                }
            }

            // 🚫 Markierung aufheben
            Button {
                text: "🚫"
                Layout.preferredWidth: units.gu(4)
                onClicked: {
                    notePage.selectionMode = false
                    notePage.selectionAnchor = -1
                    editor.select(editor.cursorPosition, editor.cursorPosition)
                    focusTimer.start()
                }
            }
            Button { text: "h"; Layout.preferredWidth: units.gu(4); onClicked: insertTag("<i>", "</i>") }
            Button { text: "r"; Layout.preferredWidth: units.gu(4); onClicked: insertTag("<font color='blue'>", "</font>") }
        } //Ende RowLayout
         
        Component.onCompleted: {
            editor.focus=true
            
        }
    } // ende ColumnLayout