La liaison source de l'image dynamiquement sur xamarin forms

ma question est, puis-je la Liaison de la chaîne de l'image à la source de l'image ? J'ai plusieurs image, et l'image va changer sur si la condition. Donc:

Xaml sur Xamarin forms:

<Image Source="{Binding someImage}" Aspect="Fill" Grid.Row="2"></Image>

Code c#

   public String someImage;
    public String SomeImage
    {
        set
        {
            if (someImage != value)
            {
                someImage = value;                                        
            }
        }
        get
        {
            return someImage;
        }
    }

InitializeComponent partie:

if(true)
            {
                someImage = "backgroundListViewGren.png";
            }
            else
            {
                someImage = "backgroundListViewRed.png";
            }

l'image est en "Images" dans le dossier sur les portables du projet

mais cela ne fonctionne pas, peut-être que je wront quelque chose, mais je ne comprends pas.
Toutes les solutions ?

J'ai essayé avec ImageSource et non pas la chaîne, mais ne travaillez pas trop.

Avez-vous des images comme ça dans vos ressources dossiers? D'où viennent ces images?
l'image est en "Images" dans le dossier sur les portables du projet
utilisez-vous INotifyPropertyChanged? vous devez définir SomeImage = "xxx.png", pas someImage...
non, je n'utilisez pas de INotifyPropertyChanged, va essayer
the image is in "Images" folder on portable project Cela ne fonctionnera pas. Vous devriez les placer dans chacun des projets respectifs de l'emplacement des ressources

OriginalL'auteur Mr. Developer | 2017-04-11

binding c#image xamarin xamarin.forms

13

Je vais poster cette réponse ici, car c'est celui que je cherchais, et je soupçonne que la plupart des autres sont (et actuellement, Google vous amène ici, ce qui actuellement n'est pas super utile).

Comment lier une image à l'aide de XAML:

XAML:
```
<Image>
    <Image.Source>
        <FileImageSource File="{Binding SomeImage}" />
    </Image.Source>
</Image>
```
Puis dans le ViewModel, C#:
```
public string SomeImage
{
    get { return string.Format("prefix-{0}-suffix.png", OtherProperty); }
}
```
Plus récent, mieux, mais essentiellement équivalent en c#, vous pouvez utiliser à la place de la ci-dessus:
```
public string SomeImage => $"prefix-{OtherProperty}-suffix.png";
```
C'est certainement la façon la plus simple de configurer, de l'OMI :).

EDIT: Il devrait aller sans dire, mais l'image doit évidemment être dans le Resources dossier du projet pour chaque plate-forme.

Je vous ai trouvé, en fait besoin de retourner la ImageSource dans le ViewModel PAS un string: public ImageSource SomeImage => ImageSource.FromResource($"(ProjectName).Les Images.(Nomimage)"); Il apparaît également (au moins sur Android) que des traits d'union dans le nom de fichier ne peut pas être utilisé
^^ C'est rigoureusement inexact - vous absolument peut retourner une chaîne de caractères à partir de ce Dernier. Je ne peux pas commenter sur les traits d'union dans le nom de fichier même si, comme nous n'en avons pas. En fait essayer ce que vous suggérez via la méthode que je vous explique, je suis assez sûr que tout simplement pas de travail du tout :).
Il doit y avoir une différence subtile, je ne vois pas alors. les chaînes ne fonctionnent pas pour moi, mais le retour à la source de l'image n' 🙂
Je suppose que vous n'avez pas la configurer comme j'ai ci-dessus avec <FileImageSource>
Ce doit être la accepté de répondre, il fonctionne comme un charme!

OriginalL'auteur Maverick
3

Vous dit:

l'image est en "Images" dans le dossier sur les portables du projet

Chaque plate-forme ont une approche différente pour les ressources et les images. Xamarin poignées de chaque plate-forme par exemple Xamarin.iOS a intégré de la ressource tout en Xamarin.Android utilise Android de ressources pour les images.

Vous devez placer vos images dans chaque projet pour Xamarin.Les formes de savoir où chercher pour eux, chaque plate-forme.

Pour plus d'informations regardez cette.

est également dans les projets respectifs
Bien que je vous recommande, il n'est pas absolument nécessaire

OriginalL'auteur Emad
3

Pour utiliser des images provenant de la PCL, découvrez cette partie dans le Xamarin documentation.

Vous devriez assurez-vous que le Build action pour chaque image est réglée sur Embedded Resource.

Alors, si vous voulez les utiliser dans le code XAML, spécifiez un MarkupExtension
```
[ContentProperty ("Source")]
public class ImageResourceExtension : IMarkupExtension
{
  public string Source { get; set; }

  public object ProvideValue (IServiceProvider serviceProvider)
  {
    if (Source == null)
    {
      return null;
    }
    //Do your translation lookup here, using whatever method you require
    var imageSource = ImageSource.FromResource(Source);

    return imageSource;
  }
}
```
Vous devriez alors être en mesure d'utiliser vos images comme ça.
```
<?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:WorkingWithImages;assembly=WorkingWithImages"
    x:Class="WorkingWithImages.EmbeddedImagesXaml">
  <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
    
    <Image Source="{local:ImageResource WorkingWithImages.beach.jpg}" />
  </StackLayout>
</ContentPage>
```
Comme mentionné dans les commentaires, si vous voulez que cela fonctionne hors de la boîte placer dans le dossier de Ressources de votre projet de plate-forme. De cette façon, vous pouvez également tirer parti de l'ajustement automatique de la taille des mécanismes qui sont en place. Pour en savoir plus sur cette méthode, voir ce page.

Par l'ajout d'eux avec le bouton droit de la convention de nommage dans le bon dossier, vous pouvez simplement mentionner le nom de fichier et Xamarin.Les formes ne traduire que le bon format pour la plate-forme.

comment changer la source de l'image ? La plage ne changera pas de liaison avec votre exemple
Vous pouvez déclarer votre image comme ceci: <Image> <Image.Source> <FileImageSource File="{Binding Img}" /> </Image.Source> </Image> et puis fournir un ImageSource que la liaison comme ceci: public ImageSource Image { get { return ImageSource.FromResource(string.Format("Touchretail.Trims.Mobile.Images.{0}", IconSource)); } }
Lors de l'utilisation .Net Std projject j'avais besoin d'utiliser: var assemblée = Assemblée.GetExecutingAssembly(); var imageSource = ImageSource.FromResource(Source, de l'assemblée);

OriginalL'auteur Gerald Versluis

Vous pouvez le faire un peu plus simple je pense. C'est en travaillant sur le mien.
Mettre l'image à l'endroit approprié sur chaque plate-forme, par exemple. Ressources/drawable sur Android

Dans votre Xaml:

<Image Source="{Binding someImage}" Aspect="Fill" Grid.Row="2"></Image>

Dans votre Modèle de Vue:

private string _someImage = "icon_eye_hidden";
    public string someImage
    {

        get => this._someImage;
        set
        {

            if (this._someImage == value) return;

            this._someImage = value;
            this.RaisePropertyChanged(() => this.someImage);
        }
    }

Alors juste someImage pour le nom de l'image (sans l'extension), et il doit mettre à jour.

OriginalL'auteur George McKibbin

Vous devez vous connecter pour publier un commentaire.