iPhone和iPad开发入门

最新推荐文章于 2024-04-30 19:59:27 发布
最新推荐文章于 2024-04-30 19:59:27 发布
阅读量151 收藏
点赞数
文章标签： 操作系统 javascript photoshop ViewUI
原文链接：http://www.cnblogs.com/cmleung/archive/2011/04/04/2005344.html
版权

转载自：http://www.4ebstudio.com/web-development-for-the-iphone-and-ipad-getting-started.html

 

根据全球最大的手机网络广告AdMob显示，iPhone操作系统已经占据全球智能手机50％的市场份额，紧接其后的是Android，占24％。而苹果的iPad首年的销售计划是1至4万台。无论你喜欢与否，iPhone操作系统，特别是Safari，对于网页开发人员来说已经是一股不可忽视的力量。如果你还没有准备好，那么现在已经是时候开始熟悉并深入研究这个操作系统了。

幸运的是，iPhone操作系统上的Safari是一款十分强大的浏览器。和桌面系统的Safari4一样，可以完好的支持CSS3以及HTML5。同时Safari还提供了一些随手可用的漂亮的界面元素，有些在iPhone和iPad之间还会有所不同。最后要说的是，由于iPhone操作系统已经存在一段时间了，因此有很多资可以利用。

我知道大多数关于iPhone操作平台的讨论都集中于原生应用程序。但是，使用HTML，JavaScript以及CSS同样可以创建强大的，具有原生外观的页面。本文讲着重讨论三个关于创建和优化你的网站的词汇：设计，代码以及测试。

在开始讨论之前，让我们先来看看用网络应用替代原生应用的优势与劣势。

优势：

  • 不需要经过苹果的审批程序和繁文缛节，这一点对于现在苹果公司正在执行的极具争议的条款极其重要。
  • 对于在其他流行的操作平台，如Android以及Blackberry，使用相同的代码进行网络应用的优化会更为容易。
  • 你不需要学习Objective-C。
  • 如果你的应用程序是收费的，那么你不需要和苹果公司进行收益分成。
  • 你可以100％的控制你的支付方式，促销以及分销方式。当然，这也可能会成为负面影响，那要看你怎么看待这件事了。

劣势：

  • 不会在App Store里面展示。
  • 在设备上安装会比较麻烦。
  • 无法实现iPhone操作系统的一些原生的功能，如推送及GUI控制。
设计

iPhone操作平台的网络应用设计和原生应用设计很相似，因此你需要使用一些强大的工具。无论你的网站框架设计工具是铅笔和纸张还是桌面软件，全都可以。

灵感

没有多少人知道苹果官网有一个叫做“Web apps”的栏目，该栏目专门用来展示一些优化过的网站。

Web app on the Apple website

以下是其他一些非常好的移动设备网页设计资源：

纸张

纸张模型是我长期以来一直使用的设计网站框架结构的工具。以下是几款常用的工具：

数字化

一旦你想好了你的设计走页，我们需要将他们移到桌面上具体化。我非常喜欢使用的网页架构设计工具是OmniGraffle，但有时候也会直接使用Photoshop进行。不过使用什么，以下这些工具都会对你有很大的帮助：

iPad GUI

代码

当你开始为iPhone操作系统上的Safari进行代码设计的时候，理解浏览器的工作模式是非常重要的。另外，iPhone和iPad的浏览器会有一些细微的差别，例如表单选择的盒模型工作模式等。最重要的是，Safari可以很好的支持CSS3和HTML5，因此你可以放心使用先进的代码而不用担心跨浏览器的兼容问题。

相关知识

事实上，苹果公司对于iPhone操作系统的Safari说明文档已经足够详细了。唯一不足的一点就是缺少操作系统和浏览器探测的使用帮助。以下就是针对这点的相关使用说明：

iPhone & iPod touch浏览器探测

The Javascript

1
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
2
if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location ="http://m.espn.go.com/wireless/?iphone&i=COMR";
3
}

The PHP

1
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') ||strstr($_SERVER['HTTP_USER_AGENT'],'iPod'))
2
{
3
header('Location: http://yoursite.com/iphone');
4
exit();
5
}

iPad浏览器探测

The Javascript

1
var isiPad = navigator.userAgent.match(/iPad/i) != null;

The PHP

1
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

The .htaccess

1
RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
2
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

iPhone & iPod touch窗口方向探测

The Javascript

1
function orient()
2
{
3
switch(window.orientation){
4
case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css";
5
break;
6
case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css";
7
break;
8
 
9
case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css";
10
break;
11
 
12
}
13
 
14
window.onload = orient();

iPad窗口方向探测

1
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
2
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
jQTouch移动设备框架

iPhone拥有众多开发框架，其中jQTouch是佼佼者。jQTouch提供了全方位的工具帮助你的移动网络应用程序看上去更像原生的。你可以到这里查看该框架的网站，也可以使用你手中的iPhone输入demo网址来感受该框架带给你的无穷魅力。

测试

在iPhone操作系统上创建网站或网络应用程序的一个关键且棘手的部分就是测试。和常规的网页浏览器相比，该测试会相对复杂一些。不过，如果你熟悉一些工具的使用的话，那么会使测试工具相对容易许多。

Liveview

Liveview是在你进行设计或者代码制作初始阶段时的一款智能测试工具。它允许你将桌面设计的图片的图片在你的移动设备上进行播放，以便看到设计图的实际效果。这对于获取字体大小以及视觉细节来说非常有用，毕竟有些时候想从photoshop上或许更为逼真的视觉效果比较困难。

使用iPhone模拟器

在我看来，没有什么比较好的iPhone或者iPad的仿真器。目前你在网络上找到的那些仿真器都是在浪费你的时间。你最好去下载苹果官方提供的iPhone操作系统模拟器的最新版本，当然，它也支持iPad。

虽然设置好SDK和本地测试环境需要花上一些功夫，但是这些还是值得你去做的，总比依赖于一些非官方且经常会出现不精确错误的仿真器来说更好。

PhoneGap: 两全其美?

PhoneGap是一款开源的，可以创建多移动平台的开发框架。如果你想使用HTML，CSS以及Javascript创建你的应用程序，又想让他们能够原生运行，并且可以出现在App Store上，那么PhoneGap便是解决方案。它不仅支持iPhone操作系统，还支持运行Android， Palm，Symbian，Windows，以及Blackberry操作系统的移动设备。

PhoneGap同样支持最近极具争议的3.3.1版本的苹果服务条款。换句话说，只要你的应用程序支持PhoneGap，那么它也同样会被苹果公司所接受。你可以查看一下使用PhoneGap创建的应用程序列表来进一步认识这款开发框架。

转载于:https://www.cnblogs.com/cmleung/archive/2011/04/04/2005344.html

weixin_30700977
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS开发入门(iPhone和iPad开发必看)
05-05
详细描述iOS(iPhone和iPad)开发前需要知道的概念，需要准备的工具等。让用户能够开始入门iOS开发。(注：本文不是讲具体技术，而且讲入门需要知道的一些最基本的概念，不喜勿入！)相关知识请参考博文:...
iPad和iPhone开发的异同
wuwuFQ的博客
05-07 4511
iPhone是手机，iPad、iPad Mini是平板电脑iPhone和iPad开发的区别： 1.屏幕的尺寸 \\分辨率 2.UI元素的排布 \\设计 3.键盘 4.API 5.屏幕方向的支持 … … 1.屏幕的尺寸 \分辨率屏幕的尺寸 \分辨率.png在iOS开发中，只需要关注以下几种情况：1）iPhone3.5 inch：320 x 480 4.0 inch：320...
ipad开发开发之区别于iphone
热门推荐
link的专栏
11-06 1万+
http://developer.apple.com/library/ios/#releasenotes/General/iPhone32APIDiffs/index.htmliOS 3.1 to iOS 3.2 API Differences其中包含了ipad等相关说明iOS 3.2 API Diffs Document that lists new and changed API from iOS 3.1 to iOS 3.2.
iOS iPad和iPhone开发区别~笔记 03
石虎
07-11 3591
//联系人:石虎  QQ: 1224614774昵称:嗡嘛呢叭咪哄 一、概念 iPhone和iPad开发的区别： 1.屏幕的尺寸 \\分辨率 2.UI元素的排布 \\设计 3.键盘 4.API 5.屏幕方向的支持 二、屏幕的尺寸 \分辨率 三.开发细节 1）如何新建一个iPad应用程序 2）设备支持的应用程序
iPad：原生应用还是Web应用？
读了吗
03-11 267
　　开始本文的主题前，对于该系列文章向大家做如下的澄清：　　本系列文章由iPad做了引子。主要的篇幅还是在讲移动互联网上的企业应用。由于无论苹果iPad何时推出，移动互联网上的企业应用的发展都是IT界人士非常关心的课题，在这个市场，移动公司和软件公司们都在蠢蠢欲动。因此，针对这个专题，本博客将持续地发表文章。我先澄清一下，在未来发布的文章中，仍把iPad当作在移动互联网最优秀的终端看待。也就是...
iPhone游戏开发入门
02-12
巴哈雷夫编写的这本《iPhone游戏开发入门经典――也适用于iPad》主要内容包括：如 何在iPhone的屏幕上高效地绘制2D和3D图形；使用Core Animation的游戏专用动画技术； 通过OpenGL ES构建更复杂、更真实的游戏背景和...
iPhone游戏开发入门经典——也适用于iPad
03-01
iPhone游戏开发入门经典——也适用于iPad
iOS编程揭秘iPhone与iPad应用开发入门教材源代码
05-16
iOS编程揭秘iPhone与iPad应用开发入门教材源代码
iOS开发UI篇—iPad和iPhone开发的比较
weixin_34247032的博客
08-17 140
iOS开发UI篇—iPad和iPhone开发的比较 一、iPad简介 1.什么是iPad 　　一款苹果公司于2010年发布的平板电脑 　　定位介于苹果的智能手机iPhone和笔记本电脑产品之间 　　跟iPhone一样，搭载的是iOS操作系统 　　 2.iPad的市场情况 　　截止至2013年10月23日，iPad已经累计销售1.7亿台 　　在平板市场的占有率高达81%   二...
将ipone项目转到ipad平台以及开发同时支持这两个平台的项目
Inkywang的专栏
12-15 3187
开发同时支持这两个平台的项目： 1、   是在创建新项目的时候，创建基于Window-based Application，窗口中间product项选择Universal（只有基于Window-based才有这个选项）。创建完成如下图： 不同之处在于:少了Resouces Folder，增加了iPad，iPhone，Shared Folder。对iPhone、iPad加以了区分，这种模式笔者认为
iPhone与iPad开发的区别
Care iOS技术团队
06-17 4074
<!--p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Calibri}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Calibri; min-height: 17.0px}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font:
Virtualbox7.0.10--创建虚拟机
醉殇姒若梦遗年 ツ的博客
04-29 314
6.完成后的界面，至此虚拟机新建完成。左侧是我们新建的虚拟电脑，右侧是它的一些配置项，右侧上方，我们可以点击【注册】进行导入一个操作系统的镜像，【启动】可以直接启动虚拟电脑。虚拟电脑名称为Ubuntu20.04，文件夹存放在D盘，虚拟光盘可以暂时不选，系统类型设置为Linux，版本设置为Ubuntu(64-bit)，设置好以后单击“4.内存配置好后，就需要配置下硬盘了，主要是硬盘的容量，默认是25G，可以不改，直接。5.最后，再确认一下整体的配置，如果没有问题，可以直接点击“”，进入新建虚拟电脑页面。
【鸿蒙开发】第二十二章 Media Library媒体文件管理服务
最新发布
Yvan
04-30 590
提供了，包括照片和视频，帮助你的应用快速构建图片视频展示和播放能力。通过Media Library Kit, 开发者可以管理相册和媒体文件，包括创建相册以及访问、修改相册中的媒体信息等，其中对三方应用开放的能力有：媒体资源（图片、视频）相关获取指定媒体资源获取图片和视频缩略图创建媒体资源（安全控件）重命名媒体资源用户相册相关获取用户相册重命名用户相册添加图片和视频到用户相册中获取用户相册中的图片和视频从用户相册中移除图片和视频系统相册相关视频相册。
各大系统安装GO语言环境基本方法
赛时科技
04-26 244
请注意，上述步骤可能会根据具体的操作系统版本和Go语言版本有所不同。在安装过程中，如果遇到任何问题，建议查阅Go语言的官方文档或相关社区资源以获取帮助。安装Go语言环境主要涉及到下载和安装Go语言的编译器和工具链。来验证Go语言环境是否成功安装。如果成功安装，你将看到安装的Go语言版本号。安装完成后，你可以通过在终端或命令提示符中输入。
常见Linux操作系统SSH配置详解
weixin_42132035的博客
04-25 384
SSH（Secure Shell）是一种网络协议，用于加密方式远程登录和操作计算机系统。Linux用户经常需要通过SSH来安全地管理系统。本文将详细介绍在不同Linux发行版（CentOS、Ubuntu、RedHat、Debian、Fedora）上配置SSH服务的步骤。
LINUX系统编程：动静态库的制作
W2155的博客
04-26 185
gcc -o main mian.c -L./ -lmymath //库的名字是去掉前缀和后缀的libmymath.a mymath。例：我写了一个函数，我想让别人使用，但是并不像让使用者看到我写的代码，就可以把我的代码制作成一个库，提供给使用者。ar -rc libmymath.a add.o sub.o//-rc（crate和replace）将add.c sub.c add.h sub.h 制作成静态库。1.首先要将add.c sub.c编译生成.o文件。使用-L选项制定库的路径，-l指定库的名称。
036——完善编译框架和注释并选择开源协议
qq_52479948的博客
04-25 956
经过两个月的努力现在已经写了457MB的代码了├── board├── build├── client├── driver├── OS├── output├── server└── tools├── bash└── src。
鸿蒙 harmonyos 线程 并发 总结 async promise Taskpool woker（四）多线程并发 Worker管理
qq_28641891的博客
04-25 587
多线程并发 Worker管理的管理 分发 监听
head first iphone and ipad developmenthead first iphone开发 中文版 高清扫描
07-03
《Head First iPhone and iPad Development》是一本非常受欢迎的iOS开发入门书籍，由Dan Pilone和Tracey Pilone合作撰写。本书以互动方式、富有趣味性和易理解的方式，引导读者逐步学习如何开发iPhone和iPad应用程序...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值