最终效果

1、打开NuGet 升级Xamarin.Forms(vs2017默认版本可能不够)

2、浏览下载Syncfusion.Xamarin.Buttons

3、开始自定义SfSwitch

<syncfusion:SfSwitch Grid.Column="0"Grid.Row="0"IsOn="False"x:Name="ModeSwitch"StateChanged="SfSwitch_StateChanged_3"HorizontalOptions="Center"AllowIndeterminateState="False"VisualType="Custom"><VisualStateManager.VisualStateGroups><VisualStateGroup x:Name="CommonStates"><VisualState x:Name="On"><VisualState.Setters><Setter Property="SwitchSettings"><Setter.Value><syncfusion:DefaultSwitchSettings x:TypeArguments="syncfusion:OnState"TrackWidthRequest="70"TrackHeightRequest="35"TrackCornerRadius="18"TrackBorderWidth="1"TrackBorderColor="Black"TrackColor="White"                   TrackImageSource="switchbg2.png"ThumbImageSource="switchmoon.png"                       HasThumbShadow="False"ThumbBorderWidth="0"ThumbWidthRequest="35"ThumbHeightRequest="35"ThumbCornerRadius="17"ThumbColor="Transparent"/></Setter.Value></Setter></VisualState.Setters></VisualState><VisualState x:Name="Off"><VisualState.Setters><Setter Property="SwitchSettings"><Setter.Value><syncfusion:DefaultSwitchSettings x:TypeArguments="syncfusion:OffState"TrackWidthRequest="70"TrackHeightRequest="35"TrackCornerRadius="18"TrackBorderWidth="0"TrackBorderColor="Black"TrackImageSource="switchbg.png"ThumbImageSource="switchsun.png"                       HasThumbShadow="False"ThumbBorderWidth="0"ThumbWidthRequest="35"ThumbHeightRequest="35"ThumbCornerRadius="17"ThumbColor="Transparent"/></Setter.Value></Setter></VisualState.Setters></VisualState></VisualStateGroup></VisualStateManager.VisualStateGroups></syncfusion:SfSwitch>

xamarin.forms 自定义Switch 采用 syncfusion.button中的 sfswitch相关推荐

MAUI 移植 Xamarin.Forms 自定义渲染器
简介众所周知, .NET MAUI使用的是Handler处理程序, 而Xamarin使用的则是Render渲染器模式.尽管MAUI中使用了新的渲染模式, 但是仍然Xamarin中的支持Render渲 ...
android 自定义switch控件,Android中switch自定义样式
android 原生开关按钮控件 Switch 提供样式自定义方式,可供我们修改为适合我们开发使用的样式控件,自定义样式过程如下: 自定义switch切换drawable 新建swith_thumb. ...
Xamarin.Forms 简介
An Introduction to Xamarin.Forms 来源:http://developer.xamarin.com/guides/cross-platform/xamarin-forms ...
Xamarin.forms 学习笔记
Xamarin.Forms 是一个开放源代码 UI 框架. 通过 Xamarin.Forms,开发人员可从单个共享基本代码生成 Xamarin.Android.Xamarin.iOS 和 Window ...
Syncfusion教程：在Xamarin.Forms中创建数据输入表单（3）
2019独角兽企业重金招聘Python工程师标准>>> 下载Essential Studio for Xamarin最新版本 Essential Studio for Xamarin ...
Xamarin.Forms Button长按事件
Xamarin.Forms Button长按事件在平时的开发中,我们经常遇到需要Button能够拥有长按事件,但是在Xamarin.Forms中Button并没有该事件, 此时我们如何来实现呢? 我 ...
Xamarin.Forms中实现选择本地图片，并进行剪裁。(Android端)
今天与大家分享在Xamarin.Forms中的如何实现选择本地图片并进行剪裁.实现思路:Xamarin.Forms中定义相应接口,Xamarin.Android中实现该接口,也就是说直接使用Andro ...
Xamarin XAML语言教程Xamarin.Forms中构建进度条
Xamarin XAML语言教程Xamarin.Forms中构建进度条 ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度条总是水平放置的.本节将讲解如何使用进度条. 注意:进度条在 ...
Xamarin XAML语言教程Xamarin.Forms中改变活动指示器颜色
Xamarin XAML语言教程Xamarin.Forms中改变活动指示器颜色在图12.10~12.12中我们会看到在各个平台下活动指示器的颜色是不一样的.Android的活动指示器默认是深粉色的: ...
Xamarin XAML语言教程Xamarin.Forms中程序状态与进度（一）
Xamarin XAML语言教程Xamarin.Forms中程序状态与进度(一) 在Xamarin.Forms中,提供了两个控件用来指示程序的状态和进度.他们分别为活动指示器和进度条.其中,活动指示器 ...

xamarin.forms 自定义Switch 采用 syncfusion.button中的 sfswitch

最终效果

1、打开NuGet 升级Xamarin.Forms(vs2017默认版本可能不够)

2、浏览下载Syncfusion.Xamarin.Buttons

3、开始自定义SfSwitch

xamarin.forms 自定义Switch 采用 syncfusion.button中的 sfswitch相关推荐

最新文章

热门文章