2011-07-22 39 views
0

我想使自己的Web应用程序进行测试,所以我会知道什么时候我有一些严肃的东西做的事。我发现了一些关于使用HTML,CSS和Javascript使Web应用看起来像真正的iOS的信息,但是有一件事情让我的思想很热,使得文本字段看起来像iOS使用的或者至少类似于以及如何使它横跨整个屏幕(宽度),但在左侧和右侧有一些边距...以及它看起来不错并且自然。造型文本框:iOS的风格

我欣赏每一个单一的答案。

+0

你能具体谈谈你指的是什么文本字段中的iOS?你的意思是这样的:http://homepage.mac.com/madcran/IMG_0001.PNG –

+0

是的,我会准确地说。 – Fasand

回答

1

一种选择,你可以尝试是检查出Appcelerator Titanium它让你开发只用HTML/CSS/JavaScript的iPhone/iPad的/ Android的(甚至是Mac/PC的)应用程序。它允许你利用本地用户界面元素,包括窗体,列表,按钮等...

如果你想开发移动应用程序,这是一个非常酷的工具使用(尤其是如果你不是一个Object-C wizz)。使用钛的工具

一个例子是WunderList待办事项应用程序。

+0

嗯,我真的很喜欢Appcelerator,它看起来很棒!我会试试看,谢谢;-) – Fasand

+0

是的,这是一个很好玩的开始移动开发的好方法。请享用! –

1

我会使用jquerymobile或煎茶触摸......取决于你是否熟悉ExtJS的或没有。这样你就可以专注于添加你的内容,而不是乱搞CSS,试图模拟一些你最终会用iOS取代的东西。

http://jquerymobile.com/

http://dev.sencha.com/deploy/touch/examples/kitchensink/

+0

我看了一下sencha,还发现这本书用于开发jqtouch被提及的HTML,CSS和JS应用程序,而且我更喜欢这两本书。但我仍然会想到这些,因为Appcelerator Titanium看起来还是比这些都好多了......但是,谢谢你的提示;-) – Fasand

1

你可以这样做,使用-webkit-border-image CSS属性。即使你正在使用某种类型的框架来为你做所有这些事情,但总是很高兴知道它是如何实现的,因为它总是在其他地方重新适用。

编号:http://css-infos.net/property/-webkit-border-image