Ứng dụng web, mẫu, khung công tác trên iPhone?

Question

Có ai có điểm khởi đầu tốt cho tôi khi xem xét việc tạo trang web/trang web/ứng dụng đặc biệt để xem trên iPhone không?

Tôi đã xem các mẫu như mẫu Joe Hewitt đã tạo và cũng thấy một số mẫu tôi có thể mua, mà tôi chưa làm.

tôi đã tìm một người nào khác đã bắt đầu đi đúng hướng này và quyết định rằng tôi có thể có thể leech về những kiến ​​thức mới của họ :)

Vì vậy, không ai có bất kỳ gợi ý? Tôi nhận thức rõ vấn đề rằng một khuôn mẫu/khung mẫu càng làm cho một ứng dụng web trông giống như một ứng dụng iPhone nguyên bản, tôi càng có nhiều khả năng gặp rắc rối vì nó không phải, nhưng bây giờ tôi muốn một khuôn khổ tôi có thể bắt đầu xây dựng, và sau đó trong quá trình tìm ra cách làm cho nó trở nên đặc biệt đủ để được xem như một ứng dụng web cũng như trông giống như một ứng dụng iPhone nguyên bản.

Cụ thể tôi đang tìm kiếm các tính năng như:

• stylesheets thiết lập, hoặc con trỏ để làm thế nào để thực hiện chúng cho iPhone
• lật trang hoạt hình, tức là. chọn một mục trong danh sách, danh sách cuộn ra khỏi bên trái và thông tin cho các mục cuộn từ bên phải
• phần hoạt ảnh sẽ phải hoạt động với các trang động, tức là. không chỉ một trang lớn có div được thiết lập cho từng mục con, mà ít nhất một khung như vậy có thể sửa chữa nhanh, tôi cần phải chọn mục danh sách tải trang cho mục đó, và sau đó khi nạp, di chuyển đến

---

Sửa: để tránh người đọc chỉ có câu hỏi và trả lời, trước khi đọc bài trả lời khác của tôi, tôi sẽ thêm rõ tôi cho GPL cấp phép và các vấn đề tương tự ở đây.

Khung tôi cần sử dụng không thể được phân phối theo giấy phép yêu cầu tôi cấp phép cho dự án của riêng tôi theo giấy phép tương tự. Nhóm giấy phép GPL cho phép ngoại lệ liên quan đến việc sử dụng thư viện, nhưng điều này sẽ không áp dụng cho điều này vì cần thiết, loại khung tôi cần sử dụng sẽ là tất cả các mã nguồn.

Dự án có thể dễ dàng chứa các thư viện thương mại.

Ngoài ra, tôi không cần một thư viện hoặc một khuôn khổ như vậy, các file ví dụ mà nhìn tốt và không quá obfuscated sẽ được hoan nghênh là tốt.

Answer 1

Tôi đã tìm thấy iphone-universal trên Google Code vào một ngày khác. Đã không có cơ hội để thử nó nhưng có vẻ đầy hứa hẹn.

Answer 2

Điều này trông tốt, nhưng tiếc là nó được cấp phép theo GPLv3, vì vậy tôi thực sự hơi sợ khi bắt đầu xem mã đó. Khuôn khổ mà tôi cần tìm hoặc phát triển nếu cần, phải có khả năng được sử dụng như một phần của chương trình thương mại, mà không cần phải cấp phép cho toàn bộ chương trình khác nhau. Thư viện thương mại là tốt, tôi chỉ không tìm thấy bất kỳ tôi có thể demo nào, có lẽ bởi vì tôi có thể chỉ sau đó ăn cắp tất cả các mã nếu tôi muốn.

Đoán tôi sẽ xem xét thêm, nhờ liên kết.

Chỉnh sửa: Làm rõ. Tôi sẽ ổn với yêu cầu chia sẻ nguồn cho phần khung web cho iPhone, nếu ai đó muốn nó, nhưng vì khung này là tất cả nguồn, tôi sợ rằng kết hợp các bit của nó vào một ứng dụng web hiện có (để tạo skin dành cho iPhone), tôi sẽ làm cho toàn bộ ứng dụng web chịu trách nhiệm về giấy phép GPL, điều này hoàn toàn nằm ngoài câu hỏi. Thậm chí việc chia sẻ tất cả các tệp liên quan đến các trang iPhone là không có câu hỏi, vì chúng sẽ chứa mã độc quyền.

Answer 3

Tôi đã mucking xung quanh với iUI, và tìm thấy nó khá tốt, nhưng phải trung thực tôi đã không nhìn vào mô hình cấp phép, vì vậy tôi không có ý tưởng nó là gì. Nó là rất đơn giản và thẳng về phía trước mặc dù, và hoạt động tốt với ASP.NET MVC.

Answer 4

iUI library, ban đầu từ Joe Hewitt, sẽ là một nơi tốt để bắt đầu. Thư viện được cấp phép BSD và không có hạn chế thương mại.

Bạn có quyền giả định iphone-universal không phải là lựa chọn cho bạn - được cấp phép thực sự theo Affero GPL, điều này làm cho điều khoản phân phối chỉ đơn giản bằng cách truy cập phần mềm qua mạng khác với GPL chuẩn.

Answer 5

QuickConnectiPhone là LGPL để bạn có thể sử dụng theo cách mình muốn. Nó có một dự án Dashcode tùy chỉnh bao gồm các tệp cần thiết. Nó là mô-đun cao. Nó thậm chí sẽ cho phép bạn biên dịch JavaScript, HTML và CSS thành một ứng dụng có thể cài đặt nếu bạn muốn.

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

Để biết thêm thông tin bạn có thể nhìn vào http://tetontech.wordpress.com

Answer 6

Hãy thử iwebkit

http://iwebkit.net

Đây là một bản demo:

http://m.iwebkit.net

Answer 7

Tôi hiện đang xem xét http://webapp.net.free.fr/. Xem bản demo here. So với các khuôn khổ khác được đề cập, nó có những ưu điểm sau:

• Dưới phát triển tích cực
• kích hoạt cộng đồng người dùng
• Có một giấy phép mở, miễn phí để phân phối miễn là bạn bao gồm quyền tác giả/từ chối trách nhiệm

Điểm cuối cùng thực sự là người chiến thắng đối với tôi. Tôi đang xem xét việc xây dựng một thứ gì đó sẽ được đưa vào một sản phẩm thương mại, vì vậy các khung công tác khác như iphone-universal và iwebkit (cả GPL) không phải là các tùy chọn.

Answer 8

jQtouch trông nổi bật.

Answer 9

Khám phá iWebkit 6. Nó chỉ hoạt động trên iOS 5, mặc dù :(.

CẬP NHẬT

Bạn cũng có thể sử dụng saurik's. Nó không có tất cả các tính năng bạn nói bạn muốn, nhưng tôi sẽ cố gắng xem cách thực hiện chúng.Ngoài ra, bạn nói rằng bạn muốn xây dựng trên đó. Đối với một bản demo (saurik đã xuống phần thực sự tốt của cydia.saurik.com), bạn có thể sử dụng mine trên trang web khác của tôi. Để tránh chuyển tất cả những hình ảnh, chỉ cần thêm này trong tiêu đề:

<link rel="stylesheet" type="text/css" href="http://cache.saurik.com/menes/style.css" />

cũng có, thêm video này vào CSS của bạn:

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

menutouched.png là ở đây:

Chức năng này trong js sẽ trượt trang. Đó là từ dự án IUI Joe Hewitt:

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); 
} 

Đối với tải trang tiếp theo, bạn có thể thử một cái gì đó giống như thực hiện một window.location với một sự chậm trễ. Thời gian là tùy thuộc vào bạn.

Bạn cũng cần để thêm video này vào CSS của bạn:

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