2016-09-07 46 views
2

我想製作一個網絡應用程序,管理像離子應用程序,適合顯示器屏幕上的大分辨率,但離子主要是爲移動應用程序設計的,我怎樣佈局我的應用程序,以便在未來,我可以刪除一些專欄,並使其適合移動應用解決方案。Ionic 2大屏幕分辨率的應用程序

有沒有辦法檢查分辨率的大小,並根據決定顯示或隱藏一些內容。

邁克

回答

1

你可以決定的佈局將如何通過使用該平臺的信息顯示:如果正在顯示的應用

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或任何你需要在您的意見設計撥款佈局。

請注意,使用平臺信息不僅在視圖中很重要,而且在組件代碼中也很重要。這樣,您可以避免初始化或執行代碼,而這些代碼在視圖中稍後不會顯示(例如,如果您不打算在桌面上加載僅顯示在桌面上的地圖在視圖中顯示它,因爲應用程序正在移動設備中使用)。

+0

感謝您的回覆,非常有幫助 –

+0

很高興我可以幫助:) – sebaferreras

+0

@sebaferreras我無法驗證這是真實的Ipad,但在Chrome Emulator中,Ipad已被視爲「tablet」 Ionic2。所以看起來你的'||'不是必需的;)。 –