带有动态图形按钮的Android移动网络应用

时间:2012-09-18 18:11:55

标签: php jquery ajax mobile html5-canvas

我想将我编写的Python / wxPython桌面应用程序转换为Android移动网络应用程序,并希望使用带有PHP后端的JQuery Mobile进行此操作。 (这是为了内部使用,因此我们可以指定要使用的移动设备。)具体来说:

现有的桌面触摸屏应用程序具有图像背景,其具有覆盖触摸屏(即鼠标点击)事件的重叠圆形图形按钮。单击时,图形会通过递增按钮文本中的计数器,更改按钮的背景颜色以及更新数据库记录来更新。

想要将JQuery Mobile用于标准菜单等,并且还使用此图形按钮方法来处理所述的点击事件。我应该查看HTML5画布吗?

我很喜欢使用PHP / MySQL进行Web编程,以及使用标准表单提交的JQM,但我刚刚使用JQuery,AJAX等进入事件。 准备好并愿意学习,但不想一下子就这么做......

感谢您的建议, 凯文

1 个答案:

答案 0 :(得分:0)

在我看来,仅仅在jQuery Mobile中这是可行的而不需要进入Canvas方面的事情 - 我完全同意你的意见,不想进入太多的方向!

首先,您可以使用所有标准布局/菜单/按钮,如标准内容所示。在您的可点击圈子的页面内容中,我只会制作可点击的div,然后您可以“收听”点击事件,然后进行相应的处理。

至于制作圈子,可以使用HTML5 border-radius css属性轻松完成,正如您所提到的那样,所有现代移动浏览器都支持这一点,因此很容易实现。为了下面的示例,我建议您在基于webkit的浏览器中查看它,例如Safari,Chrome或现代版FF,以查看创建圆圈的CSS边界半径的简易性。

我在这里嘲笑了一个简单的例子http://jsbin.com/owipah/44/edit

当然,您可以根据需要进行任何后期/预处理,以便与服务器端一起检查界面。

希望有所帮助,

R上。