IPhone, веб-приложения, шаблоны, фреймворки?

У кого-нибудь есть хорошие отправные точки для меня, когда вы смотрите на создание веб-страниц/сайтов/приложений специально для просмотра на iPhone?

Я просмотрел шаблоны, такие как Joe Hewitt сделал, а также увидел некоторые шаблоны, которые я могу купить, которых у меня нет сделано еще.

Я подумал, что кто-то еще уже начал на этом треке и решил, что я, вероятно, мог бы пиявать их новообретенные знания:)

Итак, есть ли у кого-нибудь указатели? Я хорошо знаю, что чем больше таких шаблонов/фреймов делает веб-приложение похожим на родное приложение для iPhone, тем больше вероятность того, что я попаду в неприятности, потому что это просто не так, но на данный момент я хочу структуру, на которой я могу начать строить, а затем в процессе выяснить, как сделать ее достаточно отличительной, чтобы ее воспринимали как веб-приложение, а также выглядели как родное приложение для iPhone.

В частности, я ищу такие функции, как:

настройки стилей или указатели на способ их создания для iPhone
анимация листа страницы, т.е. выберите элемент в списке, список прокручивается из окна влево и информация для прокрутки элементов справа.
часть анимации должна работать с динамическими страницами, то есть. а не только одна большая страница с настройками div для каждого подэлемента, которые, по крайней мере, для одной такой структуры, были как бы быстрым исправлением, мне нужно было бы, чтобы элемент списка элементов загружал страницу для этого элемента, а затем, когда загружался, выделите его

Изменить. Чтобы люди не читали только вопрос и ответ, прежде чем читать мой другой ответ, я добавлю свое разъяснение для лицензирования GPL и подобных проблем здесь.

Структура, которую я должен использовать, не может быть распространена по лицензии, которая потребует от меня лицензии моего собственного проекта на аналогичную лицензию. Семейство лицензий GPL допускает исключения в отношении использования библиотеки, но это не будет применяться к этому, поскольку по необходимости тип структуры, который мне потребуется использовать, будет всем исходным кодом.

Проект может легко размещать коммерческие библиотеки.

Кроме того, мне не нужна библиотека или инфраструктура как таковая, примеры файлов, которые выглядят хорошо и не слишком запутаны, также приветствуются.

Ответ 1

Я нашел iphone-universal в Google Code на днях. У меня не было возможности попробовать, но это выглядит многообещающе.

Ответ 2

jQtouch выглядит выдающимся.

Ответ 3

iUI library, первоначально из Джо Хьюитта, станет хорошим местом для начала. Библиотека лицензирована BSD и не имеет коммерческих ограничений.

Вы правы, предполагая iphone-universal для вас не вариант - его фактически лицензировали в Affero GPL, который запускает дистрибутив просто путем доступа к программному обеспечению через сеть, которая сильно отличается от стандартного GPL.

Ответ 4

Сейчас я просматриваю http://webapp.net.free.fr/. Просмотрите демо здесь. По сравнению с другими упомянутыми рамками он имеет следующие преимущества:

В активной разработке
Активное сообщество пользователей
Имеет открытую лицензию, бесплатную для распространения, если вы включите авторское право/отказ от ответственности

Последний момент был для меня победителем. Я смотрю на создание чего-то, что будет включено в коммерческий продукт, поэтому другие фреймворки, такие как iphone-universal и iwebkit (оба GPL), не были параметрами.

Ответ 5

QuickConnectiPhone - LGPL, поэтому вы можете использовать его так, как хотите. Он имеет собственный проект Dashcode, который включает необходимые файлы. Он очень модульный. Это даже позволит вам скомпилировать JavaScript, HTML и CSS в установочное приложение, если вы хотите.

http://sourceforge.net/projects/quickconnect/

Для получения дополнительной информации вы можете посмотреть http://tetontech.wordpress.com

Ответ 6

Попробуйте iwebkit

http://iwebkit.net

Вот демо:

http://m.iwebkit.net

Ответ 7

Это выглядит хорошо, но, к сожалению, он лицензируется под GPLv3, поэтому я на самом деле немного боюсь начать смотреть на этот код. Рамки, которые я либо должен найти, либо разработать, если необходимо, должны быть в состоянии использоваться как часть коммерческой программы, без необходимости лицензирования всей программы. Коммерческие библиотеки в порядке, я просто еще не нашел ни одной демонстрации, предположительно потому, что мог бы просто украсть весь код, если захочу.

Угадайте, я буду смотреть дальше, спасибо за ссылку, хотя.

Изменить: Разъяснение. Я был бы в порядке с требованием поделиться источником с частью веб-фреймворка для iPhone, если кто-то этого захочет, но поскольку эта структура является источником, я боюсь, что включение ее в существующее веб-приложение (до сделать кожу для iPhone), я бы заставлял все веб-приложение отвечать за лицензию GPL, что совершенно исключено. Даже обмениваться всеми файлами, связанными с страницами iPhone, не может быть и речи, поскольку они будут содержать проприетарный код.

Ответ 8

Я обманывал iUI и считаю это неплохим, но, честно говоря, я не смотрел модель лицензирования, поэтому я понятия не имею, что это такое. Это очень просто и прямо вперед, хотя и хорошо работает с ASP.NET MVC.

Ответ 9

Проверьте iWebkit 6. Работает только на iOS 5, хотя :(.

UPDATE

Вы также можете использовать saurik. Он не имеет всех функций, которые вы сказали, что вы хотели, но я постараюсь посмотреть, как их реализовать. Кроме того, вы сказали, что хотите на этом основываться. Для демонстрации (saurik снял значительную часть cydia.saurik.com) вы можете использовать mine на моем другом сайте. Чтобы не передавать все эти изображения, просто добавьте это в заголовок:

<link rel="stylesheet" type="text/css" href="#" onclick="location.href='http://cache.saurik.com/menes/style.css'; return false;" />

также добавьте это в свой CSS:

body > panel > fieldset > div > a: hover {
background-image: url('menutouched.png')
}

menutouched.png здесь:

Эта функция в js скользит по странице. Это из проекта Джо Хьюитса iUI:

function swipePage(fromPage, toPage, backwards)
{
toPage.style.left = '100%';
toPage.setAttribute('selected', 'true');
scrollTo(0, 1);
var percent = 100;
var timer = setInterval(function()
{
percent += animateX;
if (percent <= 0)
{
percent = 0;
fromPage.removeAttribute("selected");
clearInterval(timer);
}
fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%";
toPage.style.left = (backwards ? -percent : percent) + "%";
}, animateInterval);
}

Для загрузки следующей страницы вы можете попробовать что-то вроде выполнения window.location с задержкой. Время зависит от вас, хотя.

Вам также нужно добавить это в свой CSS:

body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}