Meego touch实现页面跳转和返回

简介: 前面写完了第一个Meego touch的程序,相信大家也看到Meego touch的界面风格,显示效果等等。不过却没有页面跳转,和返回等效果,那这篇文章就研究下,如何实现页面的跳转和返回?Meego touch默认会通过返回键或者退出键实现当前页面的关闭,并且返回到前一个页面。

前面写完了第一个Meego touch的程序,相信大家也看到Meego touch的界面风格,显示效果等等。不过却没有页面跳转,和返回等效果,那这篇文章就研究下,如何实现页面的跳转和返回?
Meego touch默认会通过返回键或者退出键实现当前页面的关闭,并且返回到前一个页面。
所以下面通过代码实现页面的跳转,最后效果如下图:

当程序启动时,会显示第一个页面,点击上面的“Open second page”,则会跳转到第二个页面。
在第二个页面点击返回按钮,则会关闭当前页面,跳回到第一个页面。

主要代码介绍:
main.cpp,程序入口,创建FirstPage的对象,然后使用page->appear(&window);window.show();使第一个页面显示

 
 
#include < MApplication >
#include
< MApplicationWindow >
#include
" firstpage.h "

int main( int argc, char ** argv)
{
MApplication app(argc, argv);
MApplicationWindow window;
FirstPage
* page = new FirstPage();

page
-> appear( & window);
window.show();

return app.exec();
}

FirstPage.cpp,第一个页面显示界面的创建,设置窗体标题,增加一个按钮,显示Open second page,然后通过connect(button, SIGNAL(clicked()), SLOT(openNextPage()))函数,使button点击之后,执行openNextPage函数。
在openNextPage()函数里面,创建SecondPage对象,并调用appear方法显示。

 
 
#include " firstpage.h "
#include
< MSceneManager >
#include
< MButton >

FirstPage::FirstPage() : MApplicationPage(
0 )
{
QString title, buttonTitle,labelTitle;
title
= " First page " ;
buttonTitle
= " Open second page " ;

setTitle(title);
MButton
* button = new MButton(buttonTitle);

connect(button, SIGNAL(clicked()), SLOT(openNextPage()));
setCentralWidget(button);
}

void FirstPage::openNextPage()
{
SecondPage
* secondPage = new SecondPage();
secondPage
-> appear(scene(), MSceneWindow::DestroyWhenDismissed);
}

firstpage.h

 
 
#ifndef FIRSTPAGE_H
#define FIRSTPAGE_H

#include
< MApplicationPage >
#include
< secondpage.h >

class FirstPage : public MApplicationPage {
Q_OBJECT

public :
FirstPage();

private slots:
void openNextPage();
};
#endif

SecondPage.cpp,第二个页面的创建,设置窗体标题,添加一个label,并显示I am in second page

 
 
#include " secondpage.h "
#include
< MLabel >

SecondPage::SecondPage() : MApplicationPage(
0 )
{
QString title, labelTitle;
title
= " Second page " ;
labelTitle
= " I am in second page " ;

setTitle(title);
setCentralWidget(
new MLabel(labelTitle));
}

secondpage.h

 
 
#ifndef SECONDPAGE_H
#define SECONDPAGE_H

#include
< MApplicationPage >

class SecondPage : public MApplicationPage {
Q_OBJECT

public :
SecondPage( );
};
#endif

在文件里启动终端,执行qmake -project,生成XXX.pro文件,打开文件,添加CONFIG+=meegotouch,保存退出。
然后依次执行qmake,make。
执行完make之后,则会在文件夹下面生成执行文件,通过sudo ./<程序名>,则就会显示出上图所出现的结果。

目录
相关文章
|
移动开发 缓存 JavaScript
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
2418 0
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
|
移动开发 前端开发 JavaScript
网页|利用touch实现下拉刷新
网页|利用touch实现下拉刷新
126 1
网页|利用touch实现下拉刷新
|
iOS开发
解决alert在ios版微信中显示url的问题(重写alert)
解决alert在ios版微信中显示url的问题(重写alert)
112 0
|
iOS开发
iOS WKWebView 打开页面空白URL为空问题解决办法
iOS WKWebView 打开页面空白URL为空问题解决办法
675 0
|
iOS开发
ios获取Document文件夹路径
ios获取Document文件夹路径
225 0
|
移动开发 iOS开发
IOS移动端(H5)alert/confirm提示信息去除网址(URL)
IOS移动端(H5)alert/confirm提示信息去除网址(URL)
220 0
第一个MeeGo Touch程序
1.创建一个main.cpp文件,将下列代码加入到cpp文件中 #include #include #include #include int main(int argc, char **argv){ MApplication app(argc, argv); MApplicationWindow window; MApplicationPage page; page.
745 0
Meego touch基本控件介绍—Button篇
前面我们也写过关于meegotouch的两个小程序,相信大家对meegotouch的界面风格都有一定的感观认识,今天写了一个关于button的小程序,一起了解下button的性质。至于button的分类和基本概念,可以点击这里查看。
774 0