图像未在 Xamarin.forms (PCL) 中显示

Question

我有一个名称为 fb.png 的图像，它位于根项目 (prtable) 中，我将此图像添加到 Droid 项目中的 Resource>drawble。

Thees 是我的MainPage.xaml 代码：

 <Image x:Name="img1"></Image>

Thees 是我的MainPage.xaml.cs 代码：

 public MainPage()
    {
        InitializeComponent();

        ImageSource img = ImageSource.FromResource("App2.fb.png");
        img1.Source = img;
        img1.Aspect = Aspect.AspectFit;
        img1.BackgroundColor = Color.Navy;

     }

需要出现什么变化？

Answer 1

如果文件保存在 Resources/Drawable 目录中，则使用 FromFile，而不是 FromResource。 FromResource 用于在您构建的库中打包为嵌入资源的图像。

您还需要指定文件在 Resources/Drawable 中显示的确切名称，因此应该这样做：

public MainPage()
{
    InitializeComponent();

    ImageSource img = ImageSource.FromFile("fb.png");
    img1.Source = img;
    img1.Aspect = Aspect.AspectFit;
    img1.BackgroundColor = Color.Navy;

 }

Answer 2

这里是 MVVM 绑定图像资源到图像控制的完整实现。您需要将视图模型设置为 XAML 所在页面的上下文。同样以“App2.fb.png”访问似乎很奇怪，它应该只是 fb.png。这可能是一个更简单的修复..只需将图像源重命名为 Droid > 资源中列出的图像的确切名称

XAML

<Image
Aspect="AspectFit"
Source="{Binding PropertyImageStatusSource}">

基础视图模型

让您的视图模型从视图模型基类继承，以便 INotifyPropertyChanged 在您的访问器上普遍实现。

    public class _ViewModel_Base : INotifyPropertyChanged
    {


        //figure out what is getting set
        public virtual bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
        {
            if (Object.Equals(storage, value))
                return false;

            storage = value;
            OnPropertyChanged(propertyName);



            return true;
        }

        public event PropertyChangedEventHandler PropertyChanged;

        //attach handler with property name args to changing property, overridable in inheriting classes if something else needs to happen on property changed
        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;

            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

视图模型

Public MyViewModel : _ViewModel_Base 
{
    private string ImageStatusSource = "fb.png";
    public string PropertyImageStatusSource
    {
        set { SetProperty(ref ImageStatusSource, value); }
        get { return ImageStatusSource; }
    }

}