QML应用程序启动器类似于iOS

4 回答

• 0

  要将图标放入网格中，可以使用网格视图：http://developer.qt.nokia.com/doc/qt-4.8/qml-gridview.html

  通过Qt Quick文档，您将了解如何执行此操作 .

  回复于 2024-05-02T02:13:23+08:00
• 0

  这与实现图标网格没有直接关系，但我最近遇到了QML组件Loader . 这使您可以按需加载QML组件，并且对于在选择图标后启动应用程序的代码非常有用 .

  http://doc-snapshot.qt-project.org/5.0/qml-qtquick2-loader.html

  回复于 2024-05-02T02:13:23+08:00
• 0

  我已经推出了诺基亚N9的外观和感觉（Maemo 6，或者也称为MeeGo） . 它是类似的，我只是用图标从上到下滚动，而你从左到右改变“页面”（反之亦然） .

  我不知道这是最好的方式，但这就是我做图标管理器的方式（它缩小了， this is only to give you idea - in reality it is considerably larger ）：

  Item
  {
      id: root
  
      function getChildAt(x, y) {}
      function getIndexOfChild(child) {}
      function moveChild(child, x, y)
      {
          //moving around icons
      }
  
      function setIndexToChild(child)
      {
          //index of child in Grid element (where to drop)
      }
  
      Flickable
      {
          id: scroller
          clip: true
          //you most likely want HorizontalFlick ("paging" effect you can add on onBeginingXChanged)
          flickableDirection: Flickable.VerticalFlick
  
          contentHeight: iconTable.height
          contentWidth: iconTable.width
  
          Grid
          {
              id: iconTable
  
              width: root.width
              anchors.top: parent.top
              flow: Grid.LeftToRight
              spacing: 10
  
              add: Transition
              {
                  NumberAnimation
                  {
                      properties: "x,y"
                      //make desired transition
                  }
              }
              move: Transition
              {
                  NumberAnimation
                  {
                      properties: "x,y"
                      //make desired transition
                  }
              }
          }
      }
  }
  

  您也可以在C中写下自己的manager实现，然后在QML中使用它 .

  ---

  这是它的样子：

  

  回复于 2024-05-02T02:13:23+08:00
• 0

  我最近创建了与此有关的东西，其想法是：创建一个带有捕捉的ListView . 它的委托应该包含一个GridView . 将所有应用程序分成n个元素块 . 然后（这只是想法）

  ListModel
  {
      ListElement { apps: [app1, app2, ..., appn] }
      ListElement { apps: [app1, app2, ..., appn] }
      ....
      ListElement { apps: [app1, app2, ..., appk] }
  }
  

  然后使用此模型填充ListView，使用 apps 属性填充GridView . 不过，我不知道你是否可以提供拖放功能

  回复于 2024-05-02T02:13:23+08:00