Xamarin में एमवीवीएमसीआर के माध्यम से बाध्यकारी ऑक्सीप्लॉट। एंड्रॉइड

Question

मैंने OxyPlot एंड्रॉइड और कोर को Xamarin पीसीएल आधारित प्रोजेक्ट में जोड़ा है जहां मैं MVVMCross का उपयोग कर रहा हूं।

मैंने निम्नानुसार अपने एक्सएमएल में साजिशदृश्य जोड़ा है। लेकिन मुझे नहीं पता कि एमवीवीएमसीआरओएस का उपयोग करके इस दृश्य को कैसे बांधना है।

क्या कोई अच्छा उदाहरण या संसाधन पालन करने के लिए है?

MyView.xml

<oxyplot.xamarin.android.PlotView 
android:id="@+id/plot" 
android:layout_width="match_parent" 
android:layout_height="match_parent" /> 

MyView.cs

public class MyView : MvxFragment<MyViewModel> 
{ 
    public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 
    { 
     var ignored = base.OnCreateView(inflater, container, savedInstanceState); 
     var view = this.BindingInflate(Resource.Layout.MyView, null) 

     MyViewModel MyMainViewModel = new MyViewModel(); 
     var a = view.FindViewById<PlotView>(Resource.Id.plot); 
     a.Model = MyViewModel.MyModel; 

     return view; 
    } 
} 

MyViewModel.cs

public PlotModel MyModel { get; set; } 
public MyViewModel 
{ 
    PlotModel mo = new PlotModel(); 
    var s1 = new LineSeries() 
    { 
    Color = OxyColors.SkyBlue, 
    MarkerType = MarkerType.Circle, 
    MarkerSize = 6, 
    MarkerStroke = OxyColors.White, 
    MarkerFill = OxyColors.SkyBlue, 
    MarkerStrokeThickness = 1.5 
    }; 
    s1.Points.Add(new DataPoint(0, 10)); 
    s1.Points.Add(new DataPoint(10, 40)); 
    s1.Points.Add(new DataPoint(40, 20)); 
    s1.Points.Add(new DataPoint(60, 30)); 
    mo.Series.Add(s1); 
    MyModel = mo; 
} 

---

ऑक्सीप्लॉट स्थापना

के लिए अतिरिक्त जानकारी मैंने पैकेज कंसोल के माध्यम से निम्नानुसार ऑक्सीप्लॉट जोड़ा है।

पीसीएल

PM> Install-Package OxyPlot.Core -Version 1.0.0-unstable1983 -Pre 

में एंड्रॉयड

PM> Install-Package OxyPlot.Xamarin.Android -Pre 

में या फिर आप भी prelease पुस्तकालय से Nuget कंसोल में जोड़ सकते हैं।

Answer 1

आपको मानक एमवीएक्स प्रॉपर्टी बाइंडिंग का उपयोग करके आप जो हासिल करना चाहते हैं उसे हासिल करने में सक्षम होना चाहिए। कोई कस्टम बाध्यकारी आवश्यक है।

उदाहरण प्रश्न के आधार पर:

दृष्टिकोण 1: Fluent बाध्यकारी

ViewModel

public class MyViewModel : MvxViewModel 
{ 
    public MyViewModel() 
    { 
     GeneratePlotPoints(); 
    } 

    void GeneratePlotPoints() 
    { 
     var mo = new PlotModel(); 
     var s1 = new LineSeries() 
     { 
      Color = OxyColors.SkyBlue, 
      MarkerType = MarkerType.Circle, 
      MarkerSize = 6, 
      MarkerStroke = OxyColors.White, 
      MarkerFill = OxyColors.SkyBlue, 
      MarkerStrokeThickness = 1.5 
     }; 
     s1.Points.Add(new DataPoint(0, 10)); 
     s1.Points.Add(new DataPoint(10, 40)); 
     s1.Points.Add(new DataPoint(40, 20)); 
     s1.Points.Add(new DataPoint(60, 30)); 
     mo.Series.Add(s1); 
     MyModel = mo; 
    } 

    PlotModel _myModel; 
    public PlotModel MyModel 
    { 
     get { return _myModel; } 
     set { SetProperty(ref _myModel, value); } 
    } 
} 

देखें/लेआउट

<oxyplot.xamarin.android.PlotView 
    android:id="@+id/plot" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

टुकड़ा/कोड के पीछे

public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 
{ 
    var ignored = base.OnCreateView(inflater, container, savedInstanceState); 
    var view = this.BindingInflate(Resource.Layout.MyView, null); 

    var graphControl = view.FindViewById<PlotView>(Resource.Id.plot); 

    var bindset = this.CreateBindingSet<MyView, MyViewModel>(); 
    bindset.Bind(graphControl).For(c => c.Model).To(vm => vm.MyModel); 
    bindset.Apply(); 

    return view; 
} 

दृष्टिकोण 2: XML बाइडिंग

ViewModel ऊपर

देखें/लेआउट

०१२३५१६४१०६ रूप

ही

<oxyplot.xamarin.android.PlotView 
    android:id="@+id/plot" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    local:MvxBind="Model MyModel"/> 

टुकड़ा/कोड के पीछे

कोई बाध्यकारी कोड की जरूरत है, सिर्फ बाध्यकारी inflater के माध्यम से लेआउट को चलाने के लिए सुनिश्चित करें।

public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 
{ 
    var ignored = base.OnCreateView(inflater, container, savedInstanceState); 
    return this.BindingInflate(Resource.Layout.MyView, null); 
}