Layoutsqt直通车

pQtWidgetsandQtQuick.
Controls-AComparisonQtDeveloperDaysEurope2014PresentedbyKevinKrammerkevin.
krammer@kdab.
compTheQuestionTheQuesonSide-by-SideComparisonConclusionsTheQuestionpCommonQuestionWhatshouldIuseforanewproject:QtWidgetsorQtQuick.
ControlsTheQuestionpGoodAnswerItdepends!
TheQuestionpSide-by-SideComparisonTheQuestionSide-by-SideComparisonConclusionsSide-by-SideComparisonpBaseLineSetofstandardinterfaceelementse.
g.
Button,CheckBox,SliderLayoutingStylingPlatformLook&FeelCustomApplicationWindowMenuBar,ToolBar,StatusBar,etcDialogsStandardDialogsBaseforCustomDialogsSide-by-SideComparisonpRequirementsQtWidgetsSystemGraphicsBuffersQtVersionbasicallyanyProgrammingLanguagesForUseC++(QML+JavaScriptwithQMLregisteredwidgets)ForExtendingC++QtQuick.
ControlsSystemOpenGLQtVersion>5.
1ProgrammingLanguagesForUseQML+JavaScriptForExtendingQML+JavaScript(composition)C++(customrendering)Side-by-SideComparisonpLayoutingQtWidgetsHorizontal/VerticalBoxLayout,GridLayout,FormLayoutLayouts"ll"parentwidgetWidgetsprovide:SizeHintsSizePoliciesDevelopercanoverridesizehint,setpolicyQtQuick.
ControlsRowLayout,ColumnLayout,GridLayout,Anchors(relativepositioning)LayoutsneedtobeexplicitlysizedoranchoredControlsprovide:ImplicitSizeDevelopercanattachresizehintsSide-by-SideComparisonpLayouting-ExampleQtWidgets1QVBoxLayout*layout=newQVBoxLayout(this);23QPushButton*one=newQPushButton("One");4layout->addWidget(one);56QPushButton*two=newQPushButton("Two");7layout->addWidget(two);89QPushButton*three=newQPushButton("Three");10layout->addWidget(three);QtQuick.
Controls1ColumnLayout{2anchors.
ll:parent34Button{text:"One"}5Button{text:"Two"}6Button{text:"Three"}7}Side-by-SideComparisonp.
StylingQtWidgetsPlatformNativeStylingQtStyleSheets(QSS)QStylePluginsQtQuick.
ControlsPlatformNativeStylingStyleComponentReplacepartsofthecontrolSide-by-SideComparisonp.
Styling-ExampleQtWidgetsQPushButton*button=newQPushButton("ClickMe!
",window);button->setStyleSheet("QPushButton{background-color:white}");QtQuick.
Controls1Button{2x:50;y:503text:"ClickMe!
"45style:ButtonStyle{6background:Rectangle{7color:"white"8border.
color:"#ABABAB"910}11}Side-by-SideComparisonp.
ApplicationWindowQtWidgetsQMainWindowMenuBarStatusBarAnynumberofToolBarsAddingactionsresultsinToolButtonsDockWidgetsCentralWidgetresizedwithwindowQtQuick.
ControlsApplicationWindowMenuBarStatusBarOneToolBarCreateToolButtons,thenassociateactionContentitemneedsexplicitresizehandlingSide-by-SideComparisonp.
DialogsQtWidgetsStandardDialogsColor,File,Font,MessagBox,Print,Progress,WizardCustomDialogsBasetypeQDialogModalandNon-modalQDialogButtonBoxforplatformcorrectbuttonhandlingaccesstoindividualbuttonspossibleaccept/rejectcanbeinterceptedQtQuick.
ControlsStandardDialogsColor,File,Font,MessageCustomDialogsBasetypeDialogModalandNon-modalstandardButtonsforplatformcorrectbuttonhandlingcurrentlynotaccesstobuttonsAllactionsclosethedialogSide-by-SideComparisonp.
ToolingQtWidgetsQtDesignerinQtCreatorandstand-aloneCodegeneratedbyUICUsedbydelegationincustomclassesTestingQtTestforunittestingSquishforUItestingGammarayforruntimeinspectionC++toolsfordebugging/analysisofcustomcodeQtQuick.
ControlsQtQuickDesignerinQtCreatorManipulatesQMLcodedirectlyUsebymanualeditingofthesamelesTestingQtTestforunittestingSquishforUItestingGammarayforruntimeinspectionQtCreatorJSdebugger/prolerSide-by-SideComparisonp.
ConclusionsTheQuestionSide-by-SideComparisonConclusionsConclusionsp.
ConclusionsBothtechnologiesviableforwiderangeofprojectsQtQuick.
ControlsnotascompleteyetbutrapidlyevolvingKnowledgeoftypeseasilytransferableKnowledgeofbehaviornotalwaysapplicableConclusions