Как создать такое меню (аля MacOS)

[Bepec]

Хм. Возможно возможно, но я этого монстра ещё не трогал

[Igors]

Ну а серьезно?

А серьезно - если такого компонента нет, то и связываться не стоит. "Как легко делать UI" - популярное мнение, но только до тех пор пока "пасемся на готовом". А как только оно кончается - мало не покажется. Один тут какой-то "titan ribbon" уже третий год пилит. Лучше смириться с тупенькой но удобной ролью пользователя готового.

[OKTA]

А на qml легко =)

[DmitryM]

А на qml легко =)

Это и на обычных виджетах не сложно.

[Igors]

А на qml легко =)

Это и на обычных виджетах не сложно.

Ну так если легко - предъявляем что-то вразумительное. Или дальше слов дело не идет? 

[andrew.k]

А на qml легко =)

Это и на обычных виджетах не сложно.

Ну так если легко - предъявляем что-то вразумительное. Или дальше слов дело не идет? 

Ну так а что же в этом сложного?
Думаю, можно придумать много способов.
В любом случае, смысла отвечать на поставленный таким образом вопрос нет.
Это все равно что спросить "а как делается тема Риббон на qt?".
Это надо садиться и делать и уже в процессе задавать вопросы, когда что-то не получается.

Можно задать вопрос по-другому не "как?", а "с чего начать?". Но такого вопроса не было.

[OKTA]

Ну очень быстро! и кликается и все такое! И главное понятно, что можно много наширудить))

Код:

import Qt 4.7

Item {
    width: 400; height: 400

    ListView {
        id: list_view1
        x: 95
        y: 169
        width: 210
        height: 62
        orientation: ListView.Horizontal
        spacing: 50
        delegate: Item {
            id: item
            height: 40

            Text {
                id: textName
                text: name
                z: 2
                anchors.bottom: picture.top
                font.bold: true
            }

            Rectangle {
                id: picture
                width: 40
                height: 40
                color: colorCode

            }

            MouseArea {
                anchors.fill: picture
                hoverEnabled: true
                onEntered: SequentialAnimation {

                    NumberAnimation {
                        target: picture;
                        property: "scale";
                        to: 2;
                        duration: 100;
                        easing.type: Easing.InOutQuad
                    }

                }
                onExited: SequentialAnimation {

                    NumberAnimation {
                        target: picture;
                        property: "scale";
                        to: 1;
                        duration: 100;
                        easing.type: Easing.InOutQuad
                    }

                }
                onClicked: SequentialAnimation {

                    NumberAnimation {
                        target: picture;
                        property: "rotation";
                        from: 0
                        to: 180;
                        duration: 400;
                        easing.type: Easing.InOutQuad

                    }


                    NumberAnimation {
                        target: textName;
                        property: "rotation";
                        from: 0
                        to: 360;
                        duration: 400;
                        easing.type: Easing.InOutQuad

                    }

                }
            }



        }

        model: ListModel {
            ListElement {
                name: "Grey"
                colorCode: "grey"
            }

            ListElement {
                name: "Red"
                colorCode: "red"
            }

            ListElement {
                name: "Blue"
                colorCode: "blue"
            }

            ListElement {
                name: "Green"
                colorCode: "green"
            }
        }
    }


}

[ecspertiza]

Влезу в тему   В этой задаче, одна из самых сложных проблем будет не увеличение иконок, а то что виджет на котором это все лежит должен быть с плюхами типа прозрачности там где нужно (что бы задать его геометрию), плюс он должен ловить отражение ни только от иконок, но и от окон в системе, вот что будет сложно реализовать. Опять же как правильно сделать "обрезание виджета" ? Если задавать маску, то не факт что иконки сверху будут торчать, даже скорее всего не будут, а если переопределить paintEvent и рисовать transparent где нужно, то опять же не факт что виджет будет прозрачный. Вобщем как мне думается тут не все так просто, всякие клики свистоперделки это даже не пол дела тут.

[OKTA]

А зачем отражение системных окон? Все фишки и прозрачность, и обрезка, и отражение в нужных местах - совсем не проблема для qml.

[DmitryM]

Влезу в тему   В этой задаче, одна из самых сложных проблем будет не увеличение иконок, а то что виджет на котором это все лежит должен быть с плюхами типа прозрачности там где нужно (что бы задать его геометрию), плюс он должен ловить отражение ни только от иконок, но и от окон в системе, вот что будет сложно реализовать. Опять же как правильно сделать "обрезание виджета" ? Если задавать маску, то не факт что иконки сверху будут торчать, даже скорее всего не будут, а если переопределить paintEvent и рисовать transparent где нужно, то опять же не факт что виджет будет прозрачный. Вобщем как мне думается тут не все так просто, всякие клики свистоперделки это даже не пол дела тут.

Прозрачность. Для отражение иконок можно взять QPixmap из иконки, перевернуть, обрезать, сделать прозрачным и т.д.

[OKTA]

давайте объявим конкурс, кто быстрее напишет dock на том, что ему нравится =DDD

[ecspertiza]

А зачем отражение системных окон? Все фишки и прозрачность, и обрезка, и отражение в нужных местах - совсем не проблема для qml.

Ну вот я сейчас смотрю на  Mac OS 10.7.4 и вижу отражение системных окон в доке  Еще мне очень интересно посмотреть как можно на qml сделать обрезание виджета С отражением иконки согласен, сделать несложно, но как можно на qml сделать прозрачность виджета я не представляю, какой нибудь Rectangle да, не вопрос, но виджет ! То же с обрезанием виджета.

Прозрачность. Для отражение иконок можно взять QPixmap из иконки, перевернуть, обрезать, сделать прозрачным и т.д.

По своим задачам часто натыкался на эту статью, ни разу не вышло сделать так что бы виджет был прозрачным и сквозь него было видно систему, если есть парент виджет и на нем лежит дочерний, то у дочернего сделать не вопрос, но у родителя ни разу не получалось, только заданием маски. Можно пример кода глянуть где это реализовано без маски ? Так как такая задача периодически всплывает ,а решение ни как найти не могу. Знаю что можно еще использовать setWindowOpaticy() ,но тогда и все предки будут прозрачные.

[pastor]

По своим задачам часто натыкался на эту статью, ни разу не вышло сделать так что бы виджет был прозрачным и сквозь него было видно систему, если есть парент виджет и на нем лежит дочерний, то у дочернего сделать не вопрос, но у родителя ни разу не получалось, только заданием маски. Можно пример кода глянуть где это реализовано без маски ? Так как такая задача периодически всплывает ,а решение ни как найти не могу. Знаю что можно еще использовать setWindowOpaticy() ,но тогда и все предки будут прозрачные.

Взгляни на Qt::WA_TranslucentBackground.

[ecspertiza]

Взгляни на Qt::WA_TranslucentBackground.

Работает, спасибо  Остальное вроде тогда становится понятным, подложку под иконками рисуем, там же рисуем отражение от иконки. Обрезать в таком случае ничего не нужно получается, остальное математика. Ну единственное будет проблематично отражение системных окон сделать, хотя это больше фича. Вот собственно ТС и задали направление для работы 

[OKTA]

Так, а что подразумевается под обрезанием?))