風景と肖像画のための温泉のUIページの向きのプロパティ

Question

私は温泉のUIのために新しいです。 1ページのような個々のページの向きを、ポートレートモードでのみ、横向きモードでは1つ、両方では1つのように制御したい。これはOnsen UIで可能ですか？

Answer 1

1つのページを一方向に表示し、もう一方をもう一方の表示にしたい場合は、私はそれをお勧めしないとしても可能です。通常は、media queriesを使用してページ自体のスタイルを変更することをお勧めします。しかし、あなたはが、あなたが行うことができますそれを行う必要がある場合：ここでは

<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です。

あなたは温泉1を使用している場合は、あなたが使用することができますons-if-orientation

更新： 上記のコードは、作業を行いますが、私はそれはあなたが望むものではないのですね。あなたが望むのは、向きが一致すればページを表示するのではなく、正しく理解すればページに基づいて向きを強制することです。

特定のオリエンテーションを強制する場合は、現在温泉はその機能を提供していないと申し訳なく思っています。 link

コルドバは​​3210でこの <preference name="orientation" value="portrait" />ようないくつかの機能を提供しますが、私はそれが特定のページのためだけでなく、全体のアプリのためだと思います。 pluginがあり、ページごとにそれを行うことができると思われます。私が間違っていなければまだこれについての標準がありますが、どこにでも実装されていないかもしれません。

私はあなたがJSONは{"orientation": "landscape"}が含まれているあなたのHTMLに入れることができ <link rel="manifest" href="manifest.json">ようsomethingがあると思いますが、やはり私は、これはどこでも動作することはよく分かりません。たぶんAndroidでしか動作しないかもしれません。あなたができる

最後に一つは

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

のようなものは、しかし、そのような回転は、おそらくより多くの問題を作成するために起こっていると推奨されていないことです。

おそらくmanifest.jsonは、Androidの解決策でも、そうでなければコードワインのプラグインかもしれません。