SkiaSharp.Views.Forms NuGet 套件。<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
xmlns:views="clr-namespace:SkiaSharp.Views.Forms;assembly=SkiaSharp.Views.Forms"
prism:ViewModelLocator.AutowireViewModel="True"
x:Class="XFSkiaSharp.Views.MainPage"
Title="MainPage">
<StackLayout HorizontalOptions="Center" VerticalOptions="Center">
<views:SKCanvasView
HorizontalOptions="Fill" VerticalOptions="Start"
HeightRequest="400"
x:Name="Canvas" PaintSurface="OnPaintSample"
Margin="0,0,0,0" />
<Label Text="{Binding Title}" />
<StackLayout
Orientation="Horizontal">
<Button x:Name="myBtn收集資料" Text="收集資料" />
<Button x:Name="myBtn畫點" Text="畫點" />
<Button x:Name="myBtn畫線" Text="畫線" />
<Button x:Name="myBtn清除" Text="清除" />
</StackLayout>
</StackLayout>
</ContentPage>
using SkiaSharp;
using Xamarin.Forms;
using SkiaSharp.Views.Forms;
using System;
namespace XFSkiaSharp.Views
{
public enum 重繪狀態
{
第一次初始化,
清除,
繪製點,
繪製線,
收集資料
}
public partial class MainPage : ContentPage
{
public 重繪狀態 _重繪狀態 { get; set; } = 重繪狀態.第一次初始化;
public MainPage()
{
InitializeComponent();
myBtn清除.Clicked += (s, e) =>
{
_重繪狀態 = 重繪狀態.清除;
Canvas.InvalidateSurface();
};
myBtn畫線.Clicked += (s, e) =>
{
_重繪狀態 = 重繪狀態.繪製線;
Canvas.InvalidateSurface();
};
myBtn畫點.Clicked += (s, e) =>
{
_重繪狀態 = 重繪狀態.繪製點;
Canvas.InvalidateSurface();
};
myBtn收集資料.Clicked += (s, e) =>
{
_重繪狀態 = 重繪狀態.收集資料;
Canvas.InvalidateSurface();
};
}
int surfaceWidth;
int surfaceHeight;
SKCanvas myCanvas;
private void OnPaintSample(object sender, SkiaSharp.Views.Forms.SKPaintSurfaceEventArgs e)
{
surfaceWidth = e.Info.Width;
surfaceHeight = e.Info.Height;
myCanvas = e.Surface.Canvas;
float side = Math.Min(surfaceHeight, surfaceWidth) * 0.5f;
switch (_重繪狀態)
{
case 重繪狀態.第一次初始化:
myCanvas.Clear(Color.Gray.ToSKColor()); //paint it black
break;
case 重繪狀態.清除:
myCanvas.Clear(Color.Black.ToSKColor()); //paint it black
myCanvas.Clear(Color.Red.ToSKColor()); //paint it black
myCanvas.Clear(Color.Blue.ToSKColor()); //paint it black
myCanvas.Clear(Color.Gray.ToSKColor()); //paint it black
break;
case 重繪狀態.繪製點:
var foo = 1;
using (SKPaint paint = new SKPaint())
{
paint.Color = Color.FromHex("00FF00").ToSKColor();
paint.StrokeWidth = 5;
Random rm = new Random();
for (int i = 0; i < 3000; i++)
{
//myCanvas.DrawPoint(rm.Next(300), rm.Next(300), SKColor.Parse("#00eFF00"));
myCanvas.DrawPoint(rm.Next(surfaceWidth), rm.Next(surfaceHeight), paint);
}
}
break;
case 重繪狀態.收集資料:
using (SKPaint paint = new SKPaint())
{
paint.Color = Color.FromHex("FF0000").ToSKColor();
paint.StrokeWidth = 3;
Random rm = new Random();
for (int i = 0; i < surfaceWidth; i++)
{
var fooPM = rm.Next(10);
if (fooPM >= 5)
{
fooPM = -1;
}
else
{
fooPM = 1;
}
var fooY = surfaceHeight - (32 + i / 3 + (rm.Next(10) * fooPM));
var fooX = i;
myCanvas.DrawPoint(fooX, fooY, paint);
}
}
break;
case 重繪狀態.繪製線:
using (SKPaint paint = new SKPaint())
{
paint.Color = Color.Pink.ToSKColor();
paint.StrokeWidth = 7;
Random rm = new Random();
var fooPreX = 0;
var fooPreY = surfaceHeight - 100;
for (int i = 0; i < surfaceWidth / 10; i++)
{
var fooPM = rm.Next(13);
if (fooPM >= 5)
{
fooPM = -1;
}
else
{
fooPM = 1;
}
var fooY = surfaceHeight - (100 + i + (rm.Next(50) * fooPM));
var fooX = i * 10;
myCanvas.DrawLine(fooPreX, fooPreY, fooX, fooY, paint);
fooPreX = fooX;
fooPreY = fooY;
}
}
break;
default:
break;
}
return;
using (SKPaint paint = new SKPaint())
{
myCanvas.Clear(Color.Gray.ToSKColor()); //paint it black
SKRect r1 = new SKRect(10f, 20f, side, side);
paint.Color = Color.Blue.ToSKColor();
myCanvas.DrawRect(r1, paint);
paint.Color = Color.Red.ToSKColor();
myCanvas.DrawOval(r1, paint);
paint.Color = Color.FromHex("00FF00").ToSKColor();
paint.StrokeWidth = 5;
Random rm = new Random();
for (int i = 0; i < 3000; i++)
{
myCanvas.DrawPoint(rm.Next(300), rm.Next(300), paint);
//myCanvas.DrawPoint(rm.Next(300), rm.Next(300), SKColor.Parse("#00FF00"));
}
paint.Color = Color.Green.ToSKColor();
paint.TextSize = 64.0f;
paint.IsAntialias = true;
paint.Color = new SKColor(0x9C, 0xAF, 0xB7);
paint.IsStroke = true;
paint.StrokeWidth = 3;
paint.TextAlign = SKTextAlign.Center;
myCanvas.DrawText("這是Xamarin.Forms", 200f, 200f, paint);
myCanvas.DrawText("這是Xamarin.Forms", surfaceWidth / 2f, surfaceHeight / 2f, paint);
}
}
}
}工具 > 擴充功能與更新 選項擴充功能與更新 對話窗內，點選 線上 > Visual Studio 組件庫Prism Template Pack ，並且按下 Enter 按鍵Prism Template Pack 項目，點選 下載 按鈕，安裝 Prism Template Pack 組件到您的Visual Studio 2015 內；安裝完成後，您需要點選 立即重新啟動 按鈕，讓您的 Visual Studio 2915 重新啟動之後，這次的安裝才會生效。
mu_visual_studio_enterprise_2017_rc_x86_x64_9574850.exe ，不到 1MB 的大小，請直接點選並執行這個檔案。
Windows 的 通用 Windows 平台開發 項目，在選擇完成之後，在右邊面板，記得要參考下圖，一併勾選適當的項目，例如，不同版本的 SDK與行動裝置模擬器。
行動與遊戲 的 分類中，選擇 Mobile Development with .NET (Preview) 這個項目，接著，把右方面板的項目全部選取。
個別元件，找到 模擬器 分類，勾選 Android 版 Visual Studio 模擬器
不是現在，以後再說 ，讓 Visual Studio 2017 進行首次初始化工作。
Prism Template Pack 這個擴充功能，請點選功能表的 工具 > 擴充功能與更新 > 線上 接著在右上方的搜尋文字輸入盒內，輸入 Prism Template Pack ，並且安裝這個擴充功能。 請在 Prism Template Pack 項目上，點選 下載 按鈕，當下載完成之後，接者點選 關閉 按鈕，此時，可以先把 Visual Studio 2017 先關閉起來，以便可以順利安裝這個擴充套件。VSIX 安裝程式 對話窗的時候，請點選 安裝 按鈕。
工具 > Visual Studio Emulator for Android ，下載與啟動 Android 模擬器。
檔案 > 新增 > 專案 > 範本 > Visual C# > Prism > Prism Unity App (Xamarin.Forms) 後，請點選右下方 確定 按鈕。PRISM PROJECT WIZARD 對話窗，請勾選 ANDROID & iOS & UWP 這三個類型專案，接著點選 CREATE PROJECT ，完成建立一個以 Prims 為基礎的 Xamarin.Forms 專案。
嚴重性 程式碼 說明 專案 檔案 行 Suppression State
錯誤 Project 'PrismUnityApp2.Droid' requires the following components installed on your machine:
Xamarin.Android.Support.Animated.Vector.Drawable
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/animated-vector-drawable/23.3.0/animated-vector-drawable-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/animated-vector-drawable/23.3.0/animated-vector-drawable-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.Vector.Drawable
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/support-vector-drawable/23.3.0/support-vector-drawable-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/support-vector-drawable/23.3.0/support-vector-drawable-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.v4
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/support-v4/23.3.0/support-v4-23.3.0.aar-23.3.0.0
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/support-v4/23.3.0/support-v4-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/support-v4/23.3.0/support-v4-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.Design
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/design/23.3.0/design-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/design/23.3.0/design-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.v7.AppCompat
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/appcompat-v7/23.3.0/appcompat-v7-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/appcompat-v7/23.3.0/appcompat-v7-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.v7.CardView
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/cardview-v7/23.3.0/cardview-v7-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/cardview-v7/23.3.0/cardview-v7-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.v7.MediaRouter
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/mediarouter-v7/23.3.0/mediarouter-v7-23.3.0.aar-23.3.0.0
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/mediarouter-v7/23.3.0/mediarouter-v7-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/mediarouter-v7/23.3.0/mediarouter-v7-23.3.0.aar-23.3.0.0
Xamarin.Android.Support.v7.RecyclerView
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/recyclerview-v7/23.3.0/recyclerview-v7-23.3.0.aar-23.3.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r29.zip-m2repository/com/android/support/recyclerview-v7/23.3.0/recyclerview-v7-23.3.0.aar-23.3.0.0
Please double-click here to install it. 0 
Xamarin.Forms.CarouselView ，但是，你將無法看到這個套件，請將旁邊的 包含搶鮮版 檢查盒打勾，就會看到這個套件了。
正在嘗試針對專案 'XFCarouselView' 及目標 '.NETPortable,Version=v4.5,Profile=Profile259' 收集封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性資訊
收集相依性資訊花費了 5.12 sec
嘗試解析具有 DependencyBehavior 'Lowest' 之封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性
解析相依性資訊花費了 0 ms
正在解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
已解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
正在嘗試針對專案 'XFCarouselView.Droid' 及目標 'MonoAndroid,Version=v7.0' 收集封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性資訊
收集相依性資訊花費了 24.33 sec
嘗試解析具有 DependencyBehavior 'Lowest' 之封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性
解析相依性資訊花費了 0 ms
正在解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
已解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
正在嘗試針對專案 'XFCarouselView.iOS' 及目標 'Xamarin.iOS,Version=v1.0' 收集封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性資訊
收集相依性資訊花費了 16.53 sec
嘗試解析具有 DependencyBehavior 'Lowest' 之封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的相依性
解析相依性資訊花費了 0 ms
正在解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
已解析安裝封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 的動作
正在還原 'XFCarouselView.UWP' 封裝。
正在還原 C:\Vulcan\GitBook\Temp\XFCarouselView\XFCarouselView\XFCarouselView.UWP\project.json 的封裝...
GET https://api.nuget.org/v3-flatcontainer/xamarin.forms.carouselview/index.json
OK https://api.nuget.org/v3-flatcontainer/xamarin.forms.carouselview/index.json 973ms
GET https://api.nuget.org/v3-flatcontainer/xamarin.forms.carouselview/2.3.0-pre2/xamarin.forms.carouselview.2.3.0-pre2.nupkg
OK https://api.nuget.org/v3-flatcontainer/xamarin.forms.carouselview/2.3.0-pre2/xamarin.forms.carouselview.2.3.0-pre2.nupkg 921ms
正在安裝 Xamarin.Forms.CarouselView 2.3.0-pre2。
已成功完成 'XFCarouselView.UWP' 的封裝還原。
正在從 'nuget.org' 擷取封裝 'Xamarin.Forms.CarouselView 2.3.0-pre2'。
正在將封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 加入資料夾 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages'
已將封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 加入資料夾 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages'
已將封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 加入 'packages.config'
已成功將 'Xamarin.Forms.CarouselView 2.3.0-pre2' 安裝到 XFCarouselView
執行 NuGet 動作花費了 1.23 sec
在 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages' 中找到封裝 'Xamarin.Forms.CarouselView 2.3.0-pre2'。
封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 已經存在於資料夾 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages'
已將封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 加入 'packages.config'
已成功將 'Xamarin.Forms.CarouselView 2.3.0-pre2' 安裝到 XFCarouselView.Droid
執行 NuGet 動作花費了 4.22 sec
在 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages' 中找到封裝 'Xamarin.Forms.CarouselView 2.3.0-pre2'。
封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 已經存在於資料夾 'C:\Vulcan\GitBook\Temp\XFCarouselView\packages'
已將封裝 'Xamarin.Forms.CarouselView.2.3.0-pre2' 加入 'packages.config'
已成功將 'Xamarin.Forms.CarouselView 2.3.0-pre2' 安裝到 XFCarouselView.iOS
執行 NuGet 動作花費了 840.61 ms
Writing lock file to disk. Path: C:\Vulcan\GitBook\Temp\XFCarouselView\XFCarouselView\XFCarouselView.UWP\project.lock.json
正在產生 MSBuild 檔案 XFCarouselView.UWP.nuget.targets。
已成功將 'Xamarin.Forms.CarouselView 2.3.0-pre2' 安裝到 XFCarouselView.UWP
========== 已完成 ==========
經過時間: 00:00:57.0114984Behaviors.Formscv 用來指向 旋轉木馬控制項之用，behaviors 用來指向擴充的行為定義之用。ItemSelected 事件有被驅動的時候，就會執行 CarouselView點選 這個 Command，這是透過了底下的 XAML宣告， <cv:CarouselView.Behaviors>
<behaviors:EventHandlerBehavior EventName="ItemSelected">
<behaviors:InvokeCommandAction Command="{Binding CarouselView點選Command}"
/>
<!--<behaviors:InvokeCommandAction Command="{Binding CarouselView點選Command}"
Converter="{StaticResource SelectedItemChangedEventArgsConverter}"/>-->
</behaviors:EventHandlerBehavior>
</cv:CarouselView.Behaviors><?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
xmlns:cv="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView"
xmlns:behaviors="clr-namespace:Behaviors;assembly=Behaviors"
xmlns:local="clr-namespace:XFCarouselView"
prism:ViewModelLocator.AutowireViewModel="True"
x:Class="XFCarouselView.Views.MainPage"
Title="MainPage"
x:Name="ThisPage"
>
<ContentPage.Resources>
<ResourceDictionary>
<local:SelectedItemChangedEventArgsConverter x:Key="SelectedItemChangedEventArgsConverter" />
</ResourceDictionary>
</ContentPage.Resources>
<StackLayout HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="{Binding Title}" />
<cv:CarouselView x:Name="CarouselZoos"
ItemsSource="{Binding Zoos}"
HorizontalOptions="Fill"
HeightRequest="180" WidthRequest="300">
<cv:CarouselView.Behaviors>
<behaviors:EventHandlerBehavior EventName="ItemSelected">
<behaviors:InvokeCommandAction Command="{Binding CarouselView點選Command}"
/>
<!--<behaviors:InvokeCommandAction Command="{Binding CarouselView點選Command}"
Converter="{StaticResource SelectedItemChangedEventArgsConverter}"/>-->
</behaviors:EventHandlerBehavior>
</cv:CarouselView.Behaviors>
<cv:CarouselView.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Image Grid.RowSpan="2" Aspect="AspectFill" Source="{Binding ImageUrl}"/>
<StackLayout Grid.Row="1" BackgroundColor="#80000000" Padding="12">
<Label TextColor="White" Text="{Binding Name}" FontSize="16" HorizontalOptions="Center" VerticalOptions="CenterAndExpand"/>
</StackLayout>
</Grid>
</DataTemplate>
</cv:CarouselView.ItemTemplate>
</cv:CarouselView>
<Label Text="{Binding Title}" />
</StackLayout>
</ContentPage>using Prism.Commands;
using Prism.Mvvm;
using Prism.Navigation;
using Prism.Services;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using Xamarin.Forms;
using XFCarouselView.Models;
namespace XFCarouselView.ViewModels
{
public class MainPageViewModel : BindableBase, INavigationAware
{
private string _title;
public string Title
{
get { return _title; }
set { SetProperty(ref _title, value); }
}
#region Zoos
private ObservableCollection<Zoo> _Zoos;
/// <summary>
/// Zoos
/// </summary>
public ObservableCollection<Zoo> Zoos
{
get { return _Zoos; }
set { SetProperty(ref _Zoos, value); }
}
#endregion
private readonly INavigationService _navigationService;
public readonly IPageDialogService _dialogService;
public MainPageViewModel(INavigationService navigationService, IPageDialogService dialogService)
{
_dialogService = dialogService;
_navigationService = navigationService;
Zoos = new ObservableCollection<Zoo>
{
new Zoo
{
ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/23c1dd13-333a-459e-9e23-c3784e7cb434/2016-06-02_1049.png",
Name = "Woodland Park Zoo"
},
new Zoo
{
ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/6b60d27e-c1ec-4fe6-bebe-7386d545bb62/2016-06-02_1051.png",
Name = "Cleveland Zoo"
},
new Zoo
{
ImageUrl = "http://content.screencast.com/users/JamesMontemagno/folders/Jing/media/e8179889-8189-4acb-bac5-812611199a03/2016-06-02_1053.png",
Name = "Phoenix Zoo"
}
};
CarouselView點選Command = new DelegateCommand<SelectedItemChangedEventArgs>( x =>
{
var foo = x.SelectedItem as Zoo;
//await _dialogService.DisplayAlertAsync("Infor", $"Selected {foo.Name}", "OK");
Title = $"Selected {foo.Name}";
});
}
public DelegateCommand<SelectedItemChangedEventArgs> CarouselView點選Command { get; set; }
public DelegateCommand CarouselViewTest點選Command { get; set; }
public void OnNavigatedFrom(NavigationParameters parameters)
{
}
public void OnNavigatedTo(NavigationParameters parameters)
{
if (parameters.ContainsKey("title"))
Title = (string)parameters["title"] + " and Prism";
}
}
}
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
prism:ViewModelLocator.AutowireViewModel="True"
x:Class="XFRadialMenu.Views.MainPage"
Title="MainPage">
<Grid
HorizontalOptions="Fill" VerticalOptions="Fill"
Margin="0,0,0,0"
>
<StackLayout HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="{Binding Title}" />
<Entry Placeholder="Account" />
<Entry Placeholder="Password" />
<Button Text="Login" />
</StackLayout>
<Grid
HorizontalOptions="End" VerticalOptions="Center"
RowSpacing="0" ColumnSpacing="0"
>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<BoxView
IsVisible="{Binding ShowMenu}"
Grid.RowSpan="3" Grid.ColumnSpan="3"
Color="Pink"
/>
<Button
Grid.Row="1" Grid.Column="1"
BackgroundColor="Navy"
TextColor="White"
Text="Menu" Command="{Binding MenuCommand}" />
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="0" Grid.Column="0"
Text="Sub-Menu1" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu1" />
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="0" Grid.Column="1"
Text="Sub-Menu2" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu2"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="0" Grid.Column="2"
Text="Sub-Menu3" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu3"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="1" Grid.Column="0"
Text="Sub-Menu4" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu4"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="1" Grid.Column="2"
Text="Sub-Menu5" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu5"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="2" Grid.Column="0"
Text="Sub-Menu6" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu6"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="2" Grid.Column="1"
Text="Sub-Menu7" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu7"/>
<Button
IsVisible="{Binding ShowMenu}"
Grid.Row="2" Grid.Column="2"
Text="Sub-Menu8" Command="{Binding SubMenuCommand}" CommandParameter="Sub-Menu8"/>
</Grid>
</Grid>
</ContentPage>using Prism.Commands;
using Prism.Mvvm;
using Prism.Navigation;
using System;
using System.Collections.Generic;
using System.Linq;
namespace XFRadialMenu.ViewModels
{
public class MainPageViewModel : BindableBase, INavigationAware
{
private string _title;
public string Title
{
get { return _title; }
set { SetProperty(ref _title, value); }
}
#region ShowMenu
private bool _ShowMenu=false;
/// <summary>
/// ShowMenu
/// </summary>
public bool ShowMenu
{
get { return this._ShowMenu; }
set { this.SetProperty(ref this._ShowMenu, value); }
}
#endregion
public DelegateCommand MenuCommand { get; set; }
public DelegateCommand<string> SubMenuCommand { get; set; }
public MainPageViewModel()
{
MenuCommand = new DelegateCommand(() =>
{
ShowMenu = !ShowMenu;
});
SubMenuCommand = new DelegateCommand<string>(x =>
{
Title = $"Your press {x}";
ShowMenu = false;
});
}
public void OnNavigatedFrom(NavigationParameters parameters)
{
}
public void OnNavigatedTo(NavigationParameters parameters)
{
if (parameters.ContainsKey("title"))
Title = (string)parameters["title"] + " and Prism";
}
}
}
System.TypeLoadException 錯誤訊息。