SORU
30 Temmuz 2009, PERŞEMBE


Nasıl bir iPhone Web Uygulaması portre modu için oryantasyon kilitlerim?

İPhone Web Uygulaması inşa ediyorum ve portre modu için yönünü kilitlemek istiyorum. bu mümkün mü? Web-kit tüm uzantıları bunu yapmak için var mı?

Lütfen bu uygulama HTML ve JavaScript ile yazılmış Mobil Safari için not, yerel bir uygulama Objective-C ile yazılmış DEĞİLDİR

CEVAP
16 Temmuz 2010, Cuma


Bu çok hacky bir çözümdür, ama en azından bir şeydir(?). Fikri bir CSS-yarı portre modu için Sayfa İçeriğini döndürmek için dönüşümü kullanmaktır. Burada başlamak için bir WordPress kullanmak olarak ifade edilmiştir) JavaScript kodu

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

Kodu sayfanızın tüm içeriğini sadece body öğesi içinde bir div içinde yaşamayı bekliyor. Div yatay olarak 90 derece Modu - Portre için geri döner.

Dıv kendi Merkez etrafında döner, konumu muhtemelen tam bir kare değilse düzeltilmesi gerekir. okuyucuya bir egzersiz olarak bıraktı:

Ayrıca, zevksiz bir görsel sorun var. Yönünü değiştirdiğinizde, Safari yavaş yavaş döner, daha sonra üst düzey div 90degrees farklı uydurur. Daha fazla eğlence için ekleyin

body > div { -webkit-transition: all 1s ease-in-out; }

CSS için. Cihaz döndüğü zaman, daha sonra Safari yapar, sonra sayfanızın içeriği. Aldatıcı!

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • AndyMcMillinTV

    AndyMcMillin

    6 HAZİRAN 2007
  • Blu animations and other videos

    Blu animatio

    15 HAZİRAN 2007
  • SelmerSaxMan

    SelmerSaxMan

    24 HAZİRAN 2006