在諾基亞N9上使用PySide和QML的雙狀態欄harmattan

Question

我想在諾基亞N9上使用PySide和QML，出於某種原因，我的測試應用看起來不像原生N9應用。例如，在這裏我得到一個雙狀態欄（他們都反應了攻絲）。

下面是這個代碼：

main.py

import sys 

from PySide.QtCore import * 
from PySide.QtGui import * 
from PySide.QtDeclarative import * 

app = QApplication(sys.argv) 
view = QDeclarativeView() 
view.setResizeMode(QDeclarativeView.SizeViewToRootObject) 
view.setSource('main.qml') 
view.window().show() 
app.exec_() 

而且QML文件：

main.qml

import QtQuick 1.1 
import com.nokia.meego 1.1 

PageStackWindow { 
    Component.onCompleted: { 
    var pageComponent = Qt.createComponent("PageX.qml") 
    pageStack.push(pageComponent) 
    } 
} 

PageX.qml

import QtQuick 1.1 
import com.nokia.meego 1.1 

Page { 
    id: pageOne 
    Text { 
    text: "Hello, this is page one" 
    } 
} 

文件main.qml創建PageStackWindow，我懷疑它的...Window部分，使電話再次渲染狀態欄，就像它會嘗試一個狀態欄添加到創建了每個窗口（在這裏，也許我們在窗口內部有一個窗口？）。此外，窗口和工具欄之間還有一個空格。有人可以指出正確的做法嗎？我只想在PageStack中使用普通頁面。

Answer 1

您可以嘗試「showStatusBar：false」。 我嘗試了你的Qt模擬器上的例子，它沒有狀態欄工作。我有一個Meego - QML - PySide應用程序，QML應用程序在Qt Simulator上不帶狀態欄。但是當我用Necessitas在Android上試用它時，我遇到了同樣的問題。我使用「showStatusBar：false」問題解決後。謝謝，這是我第一次跑在Android上我的QML-Meego的應用程序，我看到你的問題:)

PageStackWindow { 
    showStatusBar : false 
    Component.onCompleted: { 
    var pageComponent = Qt.createComponent("PageX.qml") 
    pageStack.push(pageComponent) 
    } 
} 

Answer 2

對不起，我是新來的QML後。您可以嘗試一個不同的QML Harmattan示例，然後使用這個再次嘗試使用python。我的應用程序包含ListView，並基於諾基亞Harmattan開發人員文檔站點的示例應用程序。首先，這是main.py爲Android：

#!/usr/bin/env python 

# A simple PySide example 

import sys 
import os 
import traceback 

# log to file on Android 

LOG_FOLDER = '/sdcard/' 
fSock = open(os.path.join(LOG_FOLDER, 'pyside_example_log.txt'), 'w', 1) 
rfSock = open(os.path.join(LOG_FOLDER, 'pyside_example_error_log.txt'), 'w', 1) 
sys.stdout = fSock 
sys.stderr = rfSock 

print("** stdout diverted to file **") 

# for some reason, the PySide bindings can't find the libshiboken.so and libshiboken, 
# even though they are in a directory in LD_LIBRARY_PATH, resulting in errors like this: 
# 
# ImportError: Cannot load library: link_image[1965]: 157 could not load needed library 
# 'libshiboken.so' for 'QtCore.so' (load_library[1120]: Library 'libshiboken.so' not found) 
# 
# if both are loaded to memory manually with ctypes, everything works fine 
print('manual libshiboken.so and libpyside.so loading') 
from ctypes import * 
#PROJECT_FOLDER = '/data/data/org.modrana.PySideExample' 

# PYSIDE_APPLICATION_FOLDER is set in main.h in the Example project 
PROJECT_FOLDER = os.environ['PYSIDE_APPLICATION_FOLDER'] 
LIB_DIR = os.path.join(PROJECT_FOLDER, 'files/python/lib') 
SHIBOKEN_SO = os.path.join(LIB_DIR, 'libshiboken.so') 
PYSIDE_SO = os.path.join(LIB_DIR, 'libpyside.so') 
print("path to libshiboken and libpyside:") 
print(SHIBOKEN_SO) 
print(PYSIDE_SO) 
shibok = CDLL(SHIBOKEN_SO) 
psde = CDLL(PYSIDE_SO) 
print("manual loading done") 

print("importing PySide") 
from PySide import QtCore, QtGui 
from PySide.QtCore import QObject 
from PySide.QtGui import * 
from PySide.QtDeclarative import * 
print("PySide import done") 

#print(os.environ) 



# enable running this program from absolute path 
os.chdir(os.path.dirname(os.path.abspath(__file__))) 
print("dir changed") 

class PropertyExample(QObject): 
    """ 
    Python property provider 
    """ 
    def __init__(self): 
    QObject.__init__(self) 
    self.rootObject = None 
    #NOTE: the root object is needed only by Python properties 
    # that call QML code directly 

    """@QtCore.Slot(result=str) 
    def getDate(self): 
    return str(datetime.datetime.now())""" 

    """@QtCore.Slot(str) 
    def notify(self, text): 

    #NOTE: QML uses <br> instead of \n for linebreaks 
    self.rootObject.notify(text) 
""" 


class ImagesFromPython(QDeclarativeImageProvider): 
    """ 
    Image provider example 
    """ 
    def __init__(self): 
    # this image provider supports QImage, 
    # as specified by the ImageType 
    QDeclarativeImageProvider.__init__(self, QDeclarativeImageProvider.ImageType.Image) 



def main(): 
    app = QApplication(sys.argv) # create the application 
    view = QDeclarativeView() # create the declarative view 
    # add Python properties to the 
    # QML root context 
    rc = view.rootContext() 
    # add the example property 
    property = PropertyExample() 
    rc.setContextProperty("example", property) 

    # register image providers 
    # NOTE: the image provider name in the Image.source URL is automatically lower-cased !! 


    # NOTE2: view.engine().addImageProvider("from_python", ImagesFromPython()) 
    # doesn't work for some reason 


    view.setResizeMode(QDeclarativeView.SizeRootObjectToView) 
    view.setSource("main.qml") 
    rootObject = view.rootObject() 
    property.rootObject = rootObject 

    #view.setWindowTitle(WINDOW_TITLE) 
    # view.setResizeMode(QDeclarativeView.SizeRootObjectToView) 
    #view.setResizeMode(QDeclarativeView.SizeViewToRootObject) 
    view.window().showFullScreen() 
    # view.resize(480,854) 
    #view.resize(854,480) 
    view.show() 
    app.exec_() 



if __name__ == '__main__': 
    print("__main__") 
    fSock.flush() 
    try: 
    main() 
    except Exception: 
    fp = open(os.path.join(LOG_FOLDER, 'pyside_example_exception_log.txt'), 'w', 0) 
    traceback.print_exc(file=fp) 
    fp.flush() 
    fp.close() 
    traceback.print_exc(file=fSock) 
    fSock.flush() 
    rfSock.flush() 
    rfSock.close() 
    fSock.flush() 
    fSock.close() 
    exit(0) 

和QML代碼：

//main.qml 
import QtQuick 1.1 
import com.nokia.meego 1.1 

PageStackWindow { 
    id: rootWindow 
    property int pageMargin: 16 

    // ListPage is shown when the application starts, it links to 
    // the component specific pages 
    initialPage: MainPage { } 

    // These tools are shared by most sub-pages by assigning the 
    // id to a tools property of a page 
    ToolBarLayout { 
     id: commonTools 
     visible: false 
     ToolIcon { 
      iconId: "toolbar-back"; 
      onClicked: { myMenu.close(); pageStack.pop(); } 
     } 
     ToolIcon { 
      iconId: "toolbar-view-menu"; 
      onClicked: (myMenu.status == DialogStatus.Closed) ? myMenu.open() : myMenu.close() 
     } 
    } 
} 




//MainPage.qml 
import QtQuick 1.1 
import com.nokia.meego 1.1 

Page { 
    id: listPage 
    anchors.margins: rootWindow.pageMargin 

    function openFile(file) { 
     var component = Qt.createComponent(file) 
     if (component.status == Component.Ready) 
      pageStack.push(component); 
     else 
      console.log("Error loading component:", component.errorString()); 
    } 

    ListModel { 
     id: pagesModel 
     ListElement { 
      page: "SimpleExamplesPage.qml" 
      title: "Simple examples" 
      subtitle: "Buttons, TextField, ToolBar and ViewMenu" 
     } 
     ListElement { 
      page: "DialogsPage.qml" 
      title: "Dialogs" 
      subtitle: "How to use different dialogs" 
     } 
    } 

    ListView { 
     id: listView 
     anchors.fill: parent 
     model: pagesModel 

     delegate: Item { 
      id: listItem 
      height: 88 
      width: parent.width 

      BorderImage { 
       id: background 
       anchors.fill: parent 
       // Fill page borders 
       anchors.leftMargin: -listPage.anchors.leftMargin 
       anchors.rightMargin: -listPage.anchors.rightMargin 
       visible: mouseArea.pressed 
       source: "image://theme/meegotouch-list-background-pressed-center" 
      } 

      Row { 
       anchors.fill: parent 

       Column { 
        anchors.verticalCenter: parent.verticalCenter 

        Label { 
         id: mainText 
         text: model.title 
         font.weight: Font.Bold 
         font.pixelSize: 26 
        } 

        Label { 
         id: subText 
         text: model.subtitle 
         font.weight: Font.Light 
         font.pixelSize: 22 
         color: "#cc6633" 

         visible: text != "" 
        } 
       } 
      } 

      Image { 
       source: "image://theme/icon-m-common-drilldown-arrow" + (theme.inverted ? "-inverse" : "") 
       anchors.right: parent.right; 
       anchors.verticalCenter: parent.verticalCenter 
      } 

      MouseArea { 
       id: mouseArea 
       anchors.fill: background 
       onClicked: { 
        listPage.openFile(page) 
       } 
      } 
     } 
    } 
    ScrollDecorator { 
     flickableItem: listView 
    } 
} 




//DialogsPage.qml 
    import QtQuick 1.1 
    import com.nokia.meego 1.1 

    Page { 
     id: root 
     tools: tabTools 
     anchors.margins: rootWindow.pageMargin 

     QueryDialog { 
      id: query 

      icon: "image://theme/icon-l-contacts" 
      titleText: "Query Dialog Example" 
      message: "Press accept or reject button" 
      acceptButtonText: "Accept" 
      rejectButtonText: "Reject" 
      onAccepted: labelQueryResult.text = "Result: Accepted"; 
      onRejected: labelQueryResult.text = "Result: Rejected"; 
     } 

     SelectionDialog { 
      id: singleSelectionDialog 

      titleText: "Single Selection Dialog Header" 
      selectedIndex: 1 

      model: ListModel { 
       ListElement { name: "ListElement #1" } 
       ListElement { name: "ListElement #2" } 
       ListElement { name: "ListElement #3" } 
       ListElement { name: "ListElement #4" } 
       ListElement { name: "ListElement #5" } 
       ListElement { name: "ListElement #6" } 
       ListElement { name: "ListElement #7" } 
       ListElement { name: "ListElement #8" } 
       ListElement { name: "ListElement #9" } 
       ListElement { name: "ListElement #10" } 
      } 
     } 

    // Create page and buttons 
    ScrollDecorator { 
     flickableItem: container 
    } 

    Flickable { 
     id: container 

     x: 0 // we need to set the width and height 
     y: 0 
     width: root.width 
     height: root.height 
     contentWidth: dialogs.width 
     contentHeight: dialogs.height 

     flickableDirection: Flickable.VerticalFlick 
     pressDelay: 100 

     Column { 
      id: dialogs 
      spacing: 24 

      Row { 
       spacing: 32 

       Button { 
        text: "Query" 
        width: 200 
        onClicked: { 
         query.open(); 
        } 
       } 

       Label { 
        id: labelQueryResult 
        text: "Result: N/A" 
       } 
      } 

      Row { 
       spacing: 32 

       Button { 
        text: "SingleSelection" 
        width: 200 
        onClicked: { 
         singleSelectionDialog.open(); 
        } 
       } 

       Grid { 
        rows: screen.orientation == Screen.Landscape || screen.orientation == Screen.LandscapeInverted ? 1 : 2 

        Rectangle { 
         width: 200 
         height: 30 
         color: "white" 

         Text { 
          y: 10 
          anchors.centerIn: parent 
          text: "Selected:" 
          font.pixelSize: 15 
          font.bold: true 
         } 
        } 

        Rectangle { 
         width: 200 
         height: 30 
         color: "lightgray" 

         Text { 
          anchors.centerIn: parent 
          text: singleSelectionDialog.model.get(singleSelectionDialog.selectedIndex).name 
          font.pixelSize: 15 
          font.bold: true 
         } 
        } 
       } 
      } 

      Row { 
       spacing: 32 

       Button { 
        text: "Color menu" 
        width: 200 
        onClicked: { 
         colorMenu.open(); 
        } 
       } 

       Rectangle { 
        id : colorRect 
        width: 50; height: 50; 
        color : "black" 

        MouseArea { 
         anchors.fill: parent 
         onClicked: { colorMenu.open(); } 
        } 
       } 
      } 
     } 
    } 

    ToolBarLayout { 
     id: tabTools 

     ToolIcon { iconId: "toolbar-back"; onClicked: { colorMenu.close(); pageStack.pop(); } } 
     ToolIcon { iconId: "toolbar-view-menu" ; onClicked: colorMenu.open(); } 
    } 

    Menu { 
     id: colorMenu 
     visualParent: pageStack 

     MenuLayout { 
      MenuItem {text: "Red"; onClicked: { colorRect.color = "darkred" } } 
      MenuItem {text: "Green"; onClicked: { colorRect.color = "darkgreen" }} 
      MenuItem {text: "Blue"; onClicked: { colorRect.color = "darkblue" }} 
      MenuItem {text: "Yellow"; onClicked: { colorRect.color = "yellow" }} 
     } 
    } 
}