Xamarin圖表開發基礎教程(7)OxyPlot框架

大學霸發表於2019-11-15

Xamarin圖表開發基礎教程(7)OxyPlot框架

Xamarin.Forms中使用OxyPlot框架

在Xamarin. Forms平臺上實現圖表顯示需要完成以下的步驟:

1.新增OxyPlot.Xamarin.Forms元件

開啟Xamarin.Forms專案,透過Nuget,將OxyPlot.Xamarin.Forms元件新增到各個子專案的引入項中。

2.初始化OxyPlot渲染器

在各個平臺的子專案下,對OxyPlot渲染器進行初始化。其語法形式如下:

OxyPlot.Xamarin.Forms.Platform.assignPlatform.PlotViewRenderer.Init();

其中,assignPlatform指定的是各個子專案對應的平臺,如果是Android子專案,這裡的assignPlatform就是Android。

3.建立PlotView檢視

建立PlotView檢視的方式有兩種,分別是在佈局檔案xaml中和在程式碼檔案.cs中。下面將講解這兩種建立方式。

(1)在佈局檔案xaml檔案中,建立PlotView檢視的語法形式如下:

<oxy:PlotView Model="*******"
             VerticalOptions="********"
             HorizontalOptions="********"
…… />

注意:在佈局PlotView檢視時,需要宣告名稱空間,程式碼如下:

xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms"

(2)在程式碼檔案.cs中,也可以建立PlotView檢視,並需要將該檢視新增的主頁面的內容中。

4.構建圖表

使用PlotModel類構建圖表,該類被稱為圖表模型。開發者可以將其理解為一個繪製圖表的畫布。可以根據需求,將座標軸以及資料列新增到畫布中,即實現繪製。

5.顯示圖表

將PlotView檢視的顯示模式Mode設定為PlotModel物件,即設定PlotView檢視需要顯示的內容。這樣就可以完成圖表的顯示。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2664338/,如需轉載,請註明出處,否則將追究法律責任。

相關文章