xamarin可视对讲_xamarin-docs.zh-cn

weixin_39768247

于 2020-12-23 12:28:43 发布

阅读量164

点赞数

文章标签： xamarin可视对讲

本文链接：https://blog.csdn.net/weixin_39768247/article/details/111905589

版权

title

description

ms.prod

ms.assetid

ms.technology

author

ms.author

ms.date

no-loc

ms.openlocfilehash

ms.sourcegitcommit

ms.translationtype

ms.contentlocale

ms.lasthandoff

ms.locfileid

Xamarin.Forms 鼠标

该按钮将响应一个点击或单击，指示应用程序执行特定任务。

xamarin

62CAEB63-0800-44F4-9B8C-EE632138C2F5

xamarin-forms

davidbritch

dabritch

07/21/2020

Xamarin.Forms

Xamarin.Essentials

6534d25e46ecdd5fcdcd9c525aa49b8e2ded5f49

ebdc016b3ec0b06915170d0cbbd9e0e2469763b9

zh-CN

11/05/2020

93374207

Xamarin.Forms 鼠标

该按钮将响应一个点击或单击，指示应用程序执行特定任务。

Button是中的最基本的交互式控件 Xamarin.Forms 。 Button通常会显示一个表示命令的短文本字符串，但它还可以显示位图图像或文本和图像的组合。用户按下 Button 手指或用鼠标单击来启动该命令。

处理按钮单击

Button 定义在 Clicked 用户 Button 使用手指或鼠标指针点击时触发的事件。当从的图面释放手指或鼠标按钮时，会触发事件 Button 。 Button必须将其 IsEnabled 属性设置为，以 true 使其响应点击。

System.windows.forms.datagridview.buttondemos示例中的 " 基本" 按钮单击页演示了如何 Button 在 XAML 中实例化并处理其 Clicked 事件。 BasicButtonClickPage 文件包含同时包含和的 StackLayout Label Button ：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

x:Class="ButtonDemos.BasicButtonClickPage"

Title="Basic Button Click">

Text="Click the Button below"

FontSize="Large"

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center" />

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center"

Clicked="OnButtonClicked" />

Button这往往会占用允许的所有空间。例如，如果未将的属性设置 HorizontalOptions Button 为 Fill ，则 Button 将占用其父项的完整宽度。

默认情况下， Button 是矩形，但你可以通过使用属性为其指定圆角 CornerRadius ，如下面的 "部分按钮外观" 中所述。

Text属性指定在中显示的文本 Button 。 Clicked事件设置为名为的事件处理程序 OnButtonClicked 。此处理程序位于代码隐藏文件 BasicButtonClickPage.xaml.cs 中：

public partial class BasicButtonClickPage : ContentPage

{

public BasicButtonClickPage ()

{

InitializeComponent ();

}

async void OnButtonClicked(object sender, EventArgs args)

{

await label.RelRotateTo(360, 1000);

}

点击 Button 时，将执行 OnButtonClicked 方法。 sender参数是 Button 负责此事件的对象。您可以使用它来访问 Button 对象，或区分 Button 共享同一事件的多个对象 Clicked 。

此特定 Clicked 处理程序将调用一个动画函数，该函数将 Label 360 度旋转1000毫秒。下面是在 iOS 和 Android 设备上运行的程序，以及在 Windows 10 桌面上 (UWP) 应用程序的通用 Windows 平台：

请注意， OnButtonClicked 方法包含 async 修饰符，因为在 await 事件处理程序中使用。 Clicked async 仅当处理程序的主体使用时，事件处理程序才需要修饰符 await 。

每个平台 Button 以其自己的特定方式呈现。在 " 按钮外观 " 部分中，你将了解如何设置颜色并使 Button 边框对于更自定义的外观可见。 Button 实现 IFontElement 接口，因此它包含 FontFamily 、 FontSize 和 FontAttributes 属性。

在代码中创建按钮

通常 Button 在 XAML 中实例化，但也可以 Button 在代码中创建。当应用程序需要基于使用循环枚举的数据创建多个按钮时，这可能很方便 foreach 。

" 代码按钮" 单击 "页面" 演示了如何创建一个在功能上等同于基本按钮单击页的页面，而是完全使用 c #：

public class CodeButtonClickPage : ContentPage

{

public CodeButtonClickPage ()

{

Title = "Code Button Click";

Label label = new Label

{

Text = "Click the Button below",

FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)),

VerticalOptions = LayoutOptions.CenterAndExpand,

HorizontalOptions = LayoutOptions.Center

};

Button button = new Button

{

Text = "Click to Rotate Text!",

VerticalOptions = LayoutOptions.CenterAndExpand,

HorizontalOptions = LayoutOptions.Center

};

button.Clicked += async (sender, args) => await label.RelRotateTo(360, 1000);

Content = new StackLayout

{

Children =

{

label,

button

}

};

}

所有内容都在类的构造函数中完成。由于 Clicked 处理程序的长度仅为一条语句，因此可以将它附加到事件中：

button.Clicked += async (sender, args) => await label.RelRotateTo(360, 1000);

当然，您还可以将事件处理程序定义为单独的方法 (如同 " OnButtonClick 基本" 按钮中的方法一样单击) 并将该方法附加到事件：

button.Clicked += OnButtonClicked;

禁用按钮

有时，应用程序处于特定的状态，即特定的 Button 单击不是有效的操作。在这些情况下， Button 应通过将其属性设置 IsEnabled 为来禁用 false 。典型示例是 Entry 带有文件打开的文件名的控件 Button ： Button 仅当已将某些文本键入到中时，才应启用 Entry 。

可以将 DataTrigger 用于此任务，如数据触发器一文中所示。

使用命令界面

应用程序可以响应 Button 点击，而不会处理 Clicked 事件。 Button实现一个替代的通知机制，称为命令或 commanding 命令性接口。这包括两个属性：

Command 类型为的 ICommand ，它是在命名空间中定义的接口 System.Windows.Input 。

CommandParameter 类型的属性 Object 。

此方法特别适用于与数据绑定的连接，尤其是在实现模型-视图-ViewModel (MVVM) 体系结构时。这些主题将在 " 数据绑定"、" 从数据绑定到 mvvm" 和 " mvvm" 中进行讨论。

在 MVVM 应用程序中，viewmodel 定义类型的属性 ICommand ，这些属性随后 Button 使用数据绑定连接到 XAML 元素。 Xamarin.Forms 还定义了 Command 和 Command 类来实现 ICommand 接口，并协助 viewmodel 定义类型的属性 ICommand 。

CommandDemoViewModel类是一个非常简单的 viewmodel，它定义名为的类型的属性 double Number ，以及 ICommand 名为和的类型为的两个属性 MultiplyBy2Command DivideBy2Command ：

class CommandDemoViewModel : INotifyPropertyChanged

{

double number = 1;

public event PropertyChangedEventHandler PropertyChanged;

public CommandDemoViewModel()

{

MultiplyBy2Command = new Command(() => Number *= 2);

DivideBy2Command = new Command(() => Number /= 2);

}

public double Number

{

set

{

if (number != value)

{

number = value;

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Number"));

}

get

{

return number;

}

public ICommand MultiplyBy2Command { private set; get; }

public ICommand DivideBy2Command { private set; get; }

}

这两个 ICommand 属性在类的构造函数中用两个类型的对象进行初始化 Command 。 Command构造函数包含一个小函数 (称为 execute 构造函数参数，) 为属性加倍或半部分 Number 。

BasicButtonCommand 文件将其设置为的 BindingContext 实例 CommandDemoViewModel 。 Label元素和两个 Button 元素包含对中的三个属性的绑定 CommandDemoViewModel ：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:ButtonDemos"

x:Class="ButtonDemos.BasicButtonCommandPage"

Title="Basic Button Command">

FontSize="Large"

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center" />

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center"

Command="{Binding MultiplyBy2Command}" />

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center"

Command="{Binding DivideBy2Command}" />

当点击两个 Button 元素时，将执行命令，数值将更改：

此方法对处理程序的优势在于， Clicked 涉及此页功能的所有逻辑都位于 viewmodel 中，而不是位于代码隐藏文件中，可更好地将用户界面与业务逻辑分离。

对象也可以 Command 控制元素的启用和禁用 Button 。例如，假设您想要限制 210到 2– 10之间的数字值的范围。您可以向构造函数添加另一个函数 (称为 canExecute 参数) true 如果应启用此参数，则返回 Button 。下面是对 CommandDemoViewModel 构造函数的修改：

class CommandDemoViewModel : INotifyPropertyChanged

{

···

public CommandDemoViewModel()

{

MultiplyBy2Command = new Command(

execute: () =>

{

Number *= 2;

((Command)MultiplyBy2Command).ChangeCanExecute();

((Command)DivideBy2Command).ChangeCanExecute();

canExecute: () => Number < Math.Pow(2, 10));

DivideBy2Command = new Command(

execute: () =>

{

Number /= 2;

((Command)MultiplyBy2Command).ChangeCanExecute();

((Command)DivideBy2Command).ChangeCanExecute();

canExecute: () => Number > Math.Pow(2, -10));

}

···

}

对的方法的调用 ChangeCanExecute Command 是必需的，以便此 Command 方法可以调用 canExecute 方法并确定是否 Button 应禁用。在此代码更改的情况下，如果数字达到限制，将 Button 禁用：

两个或多个元素可以 Button 绑定到同一个 ICommand 属性。 Button可以使用的属性来区分元素 CommandParameter Button 。在这种情况下，你将需要使用泛型 Command 类。然后，将 CommandParameter 对象作为参数传递给 execute 和 canExecute 方法。命令界面一文的基本命令部分中详细显示了此方法。

System.windows.forms.datagridview.buttondemos示例还在其类中使用了此方法 MainPage 。 MainPage 文件包含 Button 示例的每一页的：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:ButtonDemos"

x:Class="ButtonDemos.MainPage"

Title="Button Demos">

JustifyContent="SpaceEvenly"

AlignItems="Center">

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:BasicButtonClickPage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:CodeButtonClickPage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:BasicButtonCommandPage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:PressAndReleaseButtonPage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:ButtonAppearancePage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:ToggleButtonDemoPage}" />

Command="{Binding NavigateCommand}"

CommandParameter="{x:Type local:ImageButtonDemoPage}" />

每个 Button 属性都将其 Command 属性绑定到名为的属性 NavigateCommand ，并将 CommandParameter 设置为与 Type 项目中的某个页面类对应的对象。

该 NavigateCommand 属性的类型为 ICommand ，并且在代码隐藏文件中定义：

public partial class MainPage : ContentPage

{

public MainPage()

{

InitializeComponent();

NavigateCommand = new Command(async (Type pageType) =>

{

Page page = (Page)Activator.CreateInstance(pageType);

await Navigation.PushAsync(page);

});

BindingContext = this;

}

public ICommand NavigateCommand { private set; get; }

}

构造函数将 NavigateCommand 属性初始化为 Command 对象，因为 Type 是 CommandParameter XAML 文件中的对象集的类型。这意味着该 execute 方法具有 Type 与此对象对应的类型的自变量 CommandParameter 。函数实例化页面，然后导航到该页面。

请注意，构造函数通过将其设置 BindingContext 为自身来结束。这对于 XAML 文件中的属性绑定到属性是必需的 NavigateCommand 。

按下并释放按钮

除 Clicked 事件外， Button 还定义 Pressed 和 Released 事件。 Pressed当手指按下时 Button ，或在鼠标指针位于上并按下鼠标按钮时发生该事件 Button 。 Released当鼠标悬停或鼠标按钮时，发生此事件。通常情况下，事件 Clicked 的同时还会触发事件 Released ，但如果手指或鼠标指针在被释放之前从表面上滑离 Button ，则 Clicked 事件可能不会发生。

Pressed和 Released 事件通常不会使用，但它们可用于特殊目的，如 " 按下发布" 按钮页中所示。 XAML 文件包含一个和一个，并为 Label Button 和事件附加了一个处理程序 Pressed Released ：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

x:Class="ButtonDemos.PressAndReleaseButtonPage"

Title="Press and Release Button">

Text="Press and hold the Button below"

FontSize="Large"

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center" />

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center"

Pressed="OnButtonPressed"

Released="OnButtonReleased" />

当事件发生时，代码隐藏文件会将动画处理到 Label Pressed ，但在发生事件时挂起旋转 Released ：

public partial class PressAndReleaseButtonPage : ContentPage

{

bool animationInProgress = false;

Stopwatch stopwatch = new Stopwatch();

public PressAndReleaseButtonPage ()

{

InitializeComponent ();

}

void OnButtonPressed(object sender, EventArgs args)

{

stopwatch.Start();

animationInProgress = true;

Device.StartTimer(TimeSpan.FromMilliseconds(16), () =>

{

label.Rotation = 360 * (stopwatch.Elapsed.TotalSeconds % 1);

return animationInProgress;

});

}

void OnButtonReleased(object sender, EventArgs args)

{

animationInProgress = false;

stopwatch.Stop();

}

结果是， Label 仅当手指与联系时才旋转 Button ，并在该手指释放时停止：

这种行为具有适用于游戏的应用程序：保存在上的手指 Button 可能使屏幕上的对象按特定方向移动。

按钮外观

Button继承或定义多个影响其外观的属性：

TextColor文本的颜色 Button

BackgroundColor 文本的背景色。

BorderColor 围绕的区域的颜色 Button

FontFamily 用于文本的字体系列

FontSize 文本的大小

FontAttributes 指示文本是斜体还是粗体

BorderWidth 边框的宽度

CornerRadius 是的圆角半径 Button

CharacterSpacing 文本的字符间距 Button 。

TextTransform 确定文本的大小写 Button 。

[!NOTE]

Button类还具有 Margin 控制的 Padding 布局行为的和属性 Button 。有关详细信息，请参阅边距和填充。

其中六个属性的效果 (排除 FontFamily 和 FontAttributes) 在按钮外观页中进行了演示。另一个属性， Image 将在 " 使用位图" 按钮部分中进行讨论。

" 按钮外观 " 页中的所有视图和数据绑定都在 XAML 文件中定义：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:ButtonDemos"

x:Class="ButtonDemos.ButtonAppearancePage"

Title="Button Appearance">

Text="Button"

VerticalOptions="CenterAndExpand"

HorizontalOptions="Center"

TextColor="{Binding Source={x:Reference textColorPicker},

Path=SelectedItem.Color}"

BackgroundColor="{Binding Source={x:Reference backgroundColorPicker},

Path=SelectedItem.Color}"

BorderColor="{Binding Source={x:Reference borderColorPicker},

Path=SelectedItem.Color}" />

Padding="10">

Maximum="48"

Minimum="1"

Value="{Binding FontSize}" />

HorizontalTextAlignment="Center" />

Minimum="-1"

Maximum="12"

Value="{Binding BorderWidth}" />

HorizontalTextAlignment="Center" />

Minimum="-1"

Maximum="24"

Value="{Binding CornerRadius}" />

HorizontalTextAlignment="Center" />

Grid.Row="0" Grid.Column="0" />

ItemsSource="{Binding Source={x:Static local:NamedColor.All}}"

ItemDisplayBinding="{Binding FriendlyName}"

SelectedIndex="0"

Grid.Row="0" Grid.Column="1" />

Grid.Row="1" Grid.Column="0" />

ItemsSource="{Binding Source={x:Static local:NamedColor.All}}"

ItemDisplayBinding="{Binding FriendlyName}"

SelectedIndex="0"

Grid.Row="1" Grid.Column="1" />

Grid.Row="2" Grid.Column="0" />

ItemsSource="{Binding Source={x:Static local:NamedColor.All}}"

ItemDisplayBinding="{Binding FriendlyName}"

SelectedIndex="0"

Grid.Row="2" Grid.Column="1" />

Button页面顶部的三个 Color 属性绑定到 Picker 页面底部的元素。元素中的项 Picker 是 NamedColor 包含在项目中的类的颜色。三个 Slider 元素包含对的 FontSize 、 BorderWidth 和属性的双向绑定 CornerRadius Button 。

此程序允许您试验所有这些属性的组合：

若要查看 Button 边框，需要将设置为，而将设置为 BorderColor Default BorderWidth 正值。

在 iOS 上，你会注意到，在内部强行进入大的边框宽度 Button ，并干扰文本显示。如果选择使用包含 iOS 的边框 Button ，则可能需要开始和结束 Text 具有空格的属性以保持其可见性。

在 UWP 上，如果选择 CornerRadius 超过一半的，则会 Button 引发异常。

按钮视觉状态

Button 具有 Pressed VisualState ，可用于在用户按下时启动对的视觉对象更改 Button (如果已启用)。

下面的 XAML 示例演示如何为状态定义可视状态 Pressed ：

...>

Value="1" />

Value="0.8" />

Pressed VisualState 指定在 Button 按下时，其 Scale 属性将从其默认值1更改为0.8。 Normal VisualState 指定在 Button 处于正常状态时，其 Scale 属性将设置为1。因此，整体效果是在 Button 按下时，它会略微缩小，重新缩放 Button 释放后，它将被重新缩放为其默认大小。

创建切换按钮

可以使用子类， Button 使其工作方式类似于 "关显" 开关：点击按钮一次，切换按钮，然后再次点击以将其关闭。

以下 ToggleButton 类派生自 Button ，并定义名为的新事件 Toggled 和名为的布尔值属性 IsToggled 。这些属性与定义的两个属性相同 Xamarin.Forms Switch ：

class ToggleButton : Button

{

public event EventHandler Toggled;

public static BindableProperty IsToggledProperty =

BindableProperty.Create("IsToggled", typeof(bool), typeof(ToggleButton), false,

propertyChanged: OnIsToggledChanged);

public ToggleButton()

{

Clicked += (sender, args) => IsToggled ^= true;

}

public bool IsToggled

{

set { SetValue(IsToggledProperty, value); }

get { return (bool)GetValue(IsToggledProperty); }

}

protected override void OnParentSet()

{

base.OnParentSet();

VisualStateManager.GoToState(this, "ToggledOff");

}

static void OnIsToggledChanged(BindableObject bindable, object oldValue, object newValue)

{

ToggleButton toggleButton = (ToggleButton)bindable;

bool isToggled = (bool)newValue;

// Fire event

toggleButton.Toggled?.Invoke(toggleButton, new ToggledEventArgs(isToggled));

// Set the visual state

VisualStateManager.GoToState(toggleButton, isToggled ? "ToggledOn" : "ToggledOff");

}

ToggleButton构造函数将处理程序附加到 Clicked 事件，以便它可以更改属性的值 IsToggled 。 OnIsToggledChanged方法引发 Toggled 事件。

方法的最后一行 OnIsToggledChanged 调用静态 VisualStateManager.GoToState 方法，其中包含两个文本字符串 "ToggledOn" 和 "ToggledOff"。你可以阅读有关此方法的信息，以及你的应用程序可以如何响应 Xamarin.Forms 可视状态管理器一文中的可视状态的信息。

因为对 ToggleButton 进行调用 VisualStateManager.GoToState ，所以类本身不需要包含任何其他工具来基于其状态更改按钮的外观 IsToggled 。这是承载的 XAML 的责任 ToggleButton 。

切换按钮的 "演示" 页包含两个实例 ToggleButton ，其中包括 Text BackgroundColor 基于可视状态设置按钮、和的可视状态管理器标记 TextColor ：

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:ButtonDemos"

x:Class="ButtonDemos.ToggleButtonDemoPage"

Title="Toggle Button Demo">

Text="Just a little passage of some sample text that can be formatted in italic or boldface by toggling the two buttons."

FontSize="Large"

HorizontalTextAlignment="Center"

VerticalOptions="CenterAndExpand" />

Toggled事件处理程序在代码隐藏文件中。它们负责根据 FontAttributes 按钮的状态设置的属性 Label ：

public partial class ToggleButtonDemoPage : ContentPage

{

public ToggleButtonDemoPage ()

{

InitializeComponent ();

}

void OnItalicButtonToggled(object sender, ToggledEventArgs args)

{

if (args.Value)

{

label.FontAttributes |= FontAttributes.Italic;

}

else

{

label.FontAttributes &= ~FontAttributes.Italic;

}

void OnBoldButtonToggled(object sender, ToggledEventArgs args)

{

if (args.Value)

{

label.FontAttributes |= FontAttributes.Bold;

}

else

{

label.FontAttributes &= ~FontAttributes.Bold;

}

下面是在 iOS、Android 和 UWP 上运行的程序：

使用带有按钮的位图

Button类定义一个 ImageSource 属性，该属性允许你在上显示位图图像 Button (单独显示或与文本组合显示)。还可以指定文本和图像的排列方式。

ImageSource属性的类型为 ImageSource ，这意味着可以从文件、嵌入的资源、URI 或流加载位图。

[!NOTE]

虽然 Button 可以加载动态 gif，但它只显示 gif 的第一帧。

支持的每个平台都 Xamarin.Forms 允许将图像存储为多个大小，以使应用程序可能运行的不同设备的像素分辨率不同。这些位图以这样一种方式命名或存储，操作系统可为设备的视频显示分辨率选取最佳匹配项。

对于上的位图 Button ，最佳大小通常介于32和64之间与设备无关的单位，具体取决于所需的大小。本示例中使用的映像基于与48设备无关的单位大小。

在 iOS 项目中， Resources 文件夹包含三种大小的图像：

存储为/Resources/的48像素正方形位图 MonkeyFace.png

一个存储为的96像素的正方形位图 /Resource/MonkeyFace@2x.png

一个存储为的144像素的正方形位图 /Resource/MonkeyFace@3x.png

为所有三个位图提供了 BundleResource 的生成操作。

对于 Android 项目，位图都具有相同的名称，但它们存储在 Resources 文件夹的不同子文件夹中：

存储为/Resources/drawable-hdpi/的72像素正方形位图 MonkeyFace.png

存储为/Resources/drawable-xhdpi/的96像素正方形位图 MonkeyFace.png

存储为/Resources/drawable-xxhdpi/的144像素正方形位图 MonkeyFace.png

存储为/Resources/drawable-xxxhdpi/的192像素正方形位图 MonkeyFace.png

提供了 AndroidResource 的生成操作。

在 UWP 项目中，可以将位图存储在项目中的任何位置，但它们通常存储在自定义文件夹或资产现有文件夹中。 UWP 项目包含以下位图：

存储为/Assets/的48像素正方形位图 MonkeyFace.scale-100.png

存储为/Assets/的96像素正方形位图 MonkeyFace.scale-200.png

存储为/Assets/的192像素正方形位图 MonkeyFace.scale-400.png

它们都是内容的生成操作。

您可以使用的属性来指定 Text 和 ImageSource 属性的排列方式 Button ContentLayout Button 。此属性的类型为 ButtonContentLayout ，它是中的嵌入类 Button 。 [构造函数] (x： Xamarin.Forms 。ButtonContentLayout .% 23ctor (Xamarin.Forms 。ButtonContentLayout. ImagePosition，) # A3 具有两个参数：

枚举的成员 ImagePosition ： Left 、 Top 、 Right 或 Bottom ，指示位图相对于文本的显示方式。

double位图和文本之间的间距的值。

默认值为 Left 和10个单位。命名的两个只读属性 ButtonContentLayout Position ，并 Spacing 提供这些属性的值。

在代码中，可以创建 Button 并设置属性， ContentLayout 如下所示：

Button button = new Button

{

Text = "button text",

ImageSource = new FileImageSource

{

File = "image filename"

ContentLayout = new Button.ButtonContentLayout(Button.ButtonContentLayout.ImagePosition.Right, 20)

};