2
我想製作一個網絡應用程序,管理像離子應用程序,適合顯示器屏幕上的大分辨率,但離子主要是爲移動應用程序設計的,我怎樣佈局我的應用程序,以便在未來,我可以刪除一些專欄,並使其適合移動應用解決方案。Ionic 2大屏幕分辨率的應用程序
有沒有辦法檢查分辨率的大小,並根據決定顯示或隱藏一些內容。
邁克
我想製作一個網絡應用程序,管理像離子應用程序,適合顯示器屏幕上的大分辨率,但離子主要是爲移動應用程序設計的,我怎樣佈局我的應用程序,以便在未來,我可以刪除一些專欄,並使其適合移動應用解決方案。Ionic 2大屏幕分辨率的應用程序
有沒有辦法檢查分辨率的大小,並根據決定顯示或隱藏一些內容。
邁克
你可以決定的佈局將如何通過使用該平臺的信息顯示:如果正在顯示的應用
Platform Name Description
android on a device running Android.
cordova on a device running Cordova.
core on a desktop device.
ios on a device running iOS.
ipad on an iPad device.
iphone on an iPhone device.
mobile on a mobile device.
mobileweb in a browser on a mobile device.
phablet on a phablet device.
tablet on a tablet device.
windows on a device running Windows.
利用底層平臺的信息,你可以調整佈局在臺式機(核心)或平板電腦(iPad版或平板電腦)等:
this.isDesktop = this.platform.is('core');
this.isTabletOrIpad = this.platform.is('tablet') || this.platform.is('ipad');
,然後使用* ngIf,showWhen,設置Grid Column Percentage Attributes dinamically或任何你需要在您的意見設計撥款佈局。
請注意,使用平臺信息不僅在視圖中很重要,而且在組件代碼中也很重要。這樣,您可以避免初始化或執行代碼,而這些代碼在視圖中稍後不會顯示(例如,如果您不打算在桌面上加載僅顯示在桌面上的地圖在視圖中顯示它,因爲應用程序正在移動設備中使用)。
感謝您的回覆,非常有幫助 –
很高興我可以幫助:) – sebaferreras
@sebaferreras我無法驗證這是真實的Ipad,但在Chrome Emulator中,Ipad已被視爲「tablet」 Ionic2。所以看起來你的'||'不是必需的;)。 –