Question

此post显示了如何使SvgCachedImage像按钮一样起作用。但是，如何将SvgCachedImage加载到XamarinForm的ImageButton源中？

我的无效代码：

<?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:local="clr-namespace:SharedSvgSample"
             x:Class="SharedSvgSample.MainPage"
             xmlns:ffimageloadingsvg="clr-namespace:FFImageLoading.Svg.Forms;assembly=FFImageLoading.Svg.Forms">
    <StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
        <ImageButton
            x:Name="myButton"
            HeightRequest="200"
            Clicked="myButton_Clicked"
            WidthRequest="200" />
    </StackLayout>
</ContentPage>

隐藏代码：

using FFImageLoading.Svg.Forms;
using System;
using Xamarin.Forms;

namespace SharedSvgSample
{
    public partial class MainPage : ContentPage
    {
        private bool _myButtonValue;
        private SvgImageSource _visibilityOn = null;
        private SvgImageSource _visibilityOff = null;

        public MainPage()
        {
            InitializeComponent();
            _visibilityOn = SvgImageSource.FromResource("SharedSvgSample.Resources.visibility_on.svg");
            _visibilityOn.VectorHeight = 100;
            _visibilityOn.VectorWidth = 100;

            _visibilityOff = SvgImageSource.FromResource("SharedSvgSample.Resources.visibility_off.svg");
            _visibilityOff.VectorHeight = 100;
            _visibilityOff.VectorWidth = 100;

            myButton.Source = _visibilityOff;   
        }

        private void myButton_Clicked(object sender, EventArgs e)
        {
            _myButtonValue = !_myButtonValue;
            myButton.Source = _myButtonValue ? _visibilityOn.ImageSource : _visibilityOff.ImageSource;
        }
    }
}

Answer 1

不幸的是，Xamarin.Forms.Button仅支持FileImageSource，因此目前您不能仅将SVG加载到Button Image中。

但是，您只需加载SVG图像，然后添加TapGestureRecognizer即可模拟一个按钮。

从代码加载FFImageLoading SVG到ImageButton源代码？

1 个答案: