从视图模型到视图模型传递数据并使用它.Net maui

lokaqttq  于 2023-03-04  发布在  .NET
关注(0)|答案(1)|浏览(119)

如何使用视图模型来获取数据和绘制图形?我可以从主页面视图模型发送数据到图形视图模型上使用并显示在图形页面上吗?

    • 主页. xaml**
<CollectionView
            BackgroundColor="Transparent"
            ItemsSource="{Binding graphiclist}"
            SelectionMode="None">

    <CollectionView.ItemTemplate>
        <DataTemplate x:DataType="model:GRAPHICModel">
            <Grid Padding="0">
                <Frame HeightRequest="100">
                    <Frame.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:MainViewModel}}, Path=DrawGRAPHCommand}" CommandParameter="{Binding .}" />
                    </Frame.GestureRecognizers>
                    <Grid Padding="0">
                        <VerticalStackLayout>
                            <Label Style="{StaticResource BoldLabel}" Text="{Binding GraphicNamae}" />
                        
                        </VerticalStackLayout>
                    </Grid>
                </Frame>
            </Grid>

        </DataTemplate>
    </CollectionView.ItemTemplate>
    • 主页视图模型. cs**
public partial class MainpageViewModel : ObservableObject
{
        public ObservableCollection<GRAPHICModel> graphiclist { get; set; }
        public MainpageViewModel()
        {
            graphiclist = new ObservableCollection<GRAPHICModel>
            {
                new GRAPHICModel { GraphicName= "Name1", Path = "somecoordinate" },
                new GRAPHICModel { GraphicName= "Name2", Path = "somecoordinate" },
                new GRAPHICModel { GraphicName= "Name3", Path = "somecoordinate" },
                new GRAPHICModel { GraphicName= "Name4", Path = "somecoordinate" }
            };
        }

    [ICommand]
    async Task DrawGRAPHCommand(GRAPHICModel glist)
    {
       
        await Shell.Current.GoToAsync(nameof(DrawPage), true, new Dictionary<string, object>
        {
            ["GRAPHICModel"] = glist
        });
    }
}
    • 图形页面. xaml**
<VerticalStackLayout>
    <Label Text="{Binding Graphiclist.GraphicName}" />
    <FlexLayout
        AlignItems="Center"
        Direction="Column"
        JustifyContent="SpaceEvenly">

        <VerticalStackLayout>
            <GraphicsView
                Drawable="{StaticResource drawable}"
                HeightRequest="1000"
                WidthRequest="1000" />
        </VerticalStackLayout>
    </FlexLayout>

</VerticalStackLayout>
    • 图形视图模型. cs**
[QueryProperty(nameof(Graphiclist), "GRAPHICModel")]

public partial class GraphicViewModel : ObservableObject, IDrawable
{
    [ObservableProperty]
    GRAPHICModel graphiclist;

    public void Draw(ICanvas canvas, RectF dirtyRect)
    {
        something.load(graphiclist.Path)
         canvas.StrokeColor = Colors.Red;
            canvas.StrokeSize = 4;
            canvas.DrawPath();
    }
}

点击后,无法获取canvas. DrawPath(-some point-)的图形列表.路径**;* * 攻丝后
但可以显示<Label Text="{Binding Graphiclist.GraphicName}" />

gjmwrych

gjmwrych1#

在MVVM中,视图模型之间的通信通常是使用中介设计模式!!有很多关于它的文章和视频。

相关问题