Onsen UI sayfa yönlendirmesi özelliği görünüm ve portre için

Question

Onsen UI için yeni. Tek sayfa yönlendirmesini tek bir sayfa gibi kontrol etmek istiyorum, sadece portre modunda, diğeri manzara modu için, diğeri her ikisi için. Bu Onsen UI ile mümkün mü?

Answer 1

Tek bir sayfada tek bir sayfada ve diğerinde başka bir sayfa görüntülenmesini istiyorsanız, tavsiye etmeme rağmen mümkün olabilir. Genellikle sayfanın stillerini değiştirmek için media queries kullanarak tercih edilen yöntemdir. Eğer o zaman yapabileceğiniz do gerekir Ancak eğer: Burada

<ons-if orientation="landscape"> 
    <ons-page>Landscape page</ons-page> 
</ons-if> 

<ons-if orientation="portrait"> 
    <ons-page>Portrait page</ons-page> 
</ons-if> 

docs for ons-if bulunmaktadır.

Eğer Onsen 1 kullanıyorsanız o zaman kullanabilirsiniz ons-if-orientation

Güncelleme: Yukarıdaki kod çalışır, ama ne istediğini değil sanırım. İstediğiniz şey, yönelim eşleştiğinde bir sayfa göstermemek değil, doğru bir şekilde anladığım takdirde yönlendirmeyi sayfaya dayalı olarak zorlamaktır.

Belirli bir yönlendirmeyi zorlamak istiyorsanız, o zaman Onsen'in şu anda işlevselliği sağlamadığını söylemekten özür dilerim. link

Cordova config.xml bu <preference name="orientation" value="portrait" /> gibi bazı özellikler sağlar ama bu belirli bir sayfa için değil, tüm uygulama için olduğunu düşünüyorum. Görünüşe göre, sayfa başına göre yapılabilmesi gereken plugin var. Bu konuda hala geliştirme aşamasında standartlar var, eğer yanılmıyorsam, ama belki de her yerde uygulanmazlar.

Ben something json {"orientation": "landscape"} içeren HTML, koyabilir <link rel="manifest" href="manifest.json"> gibi orada sanırım, ama yine bu her yerde çalışacaktır emin değilim. Belki sadece Android'de çalışacaktır. Yapabileceğin

Son bir şey

@media only screen and (orientation:portrait){ 
    body { transform: rotate(90deg) } 
} 

gibi bir şey ancak böyle bir rotasyon muhtemelen daha sorunlar yaratacak ve tavsiye edilmez yapıyor.

Muhtemelen manifest.json, android için bir çözüm olabilir, aksi takdirde yalnızca cordova eklentisi olabilir.