comment lier une image src ressources drawable image avec Mvvmcross?

Je suis en train de lier une image de la src.

J'ai essayé d'utiliser MvxHttpImageView comme ce

<Mvx.MvxHttpImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/iconeView"
                local:MvxBind="{'ImageUrl':{'Path':'ImgSrc'}}" />

avec

public string ImgSrc
{
    get {return "@res/drawable/icon.png"; }
}

J'ai essayé plusieurs autres ImgSrc et n'avons pas encore de résultat.

icône.png est dans mes Ressources/Drawable répertoire et est un AndroidResource

toute aide sera grand !
Grâce

OriginalL'auteur Paul Angevelle | 2012-10-13

mvvmcross xamarin.android

6

La mvxhttpimageview sait comment charger des images à partir de http et de "disque"

Malheureusement, il ne sait pas comment les charger à partir de ressources

Cependant, il existe des moyens pour obtenir l'image pour charger le contenu statique.
1. Vous pouvez écrire votre propre liaison personnalisée
2. Vous pouvez utiliser la norme imageview, les images stockées dans android actifs et le "AssetImagePath' de liaison intégré dans le mvx.
Essayer le premier, prendre un coup d'oeil à la conférence de l'échantillon à la façon dont le bouton de favori de fond est lié à IsFavorite

Pour la deuxième:
- inclure les icônes dans le dossier actif - par exemple /assets/icon1.png
- assurez-vous de l'action de construire est fixé à AndroidAsset
- dans l'utilisation de XML standard ImageView et de liaison de texte comme {'AssetImagePath':{'Path':'WhichAsset'}}
En utilisation réelle, en général j'ai aussi utiliser un convertisseur - quelque chose que les cartes d'un viewmodel de la propriété comme l'État d'une valeur de LoadingState.Chargement d'un élément d'actif le chemin de l'image comme " /loadingimages/chargement.png'

Vous pouvez voir le code de l'actif de liaison dans https://github.com/slodge/MvvmCross/blob/master/Cirrious/Cirrious.MvvmCross.Binding/Android/Target/MvxImageViewDrawableTargetBinding.cs

Désolé de répondre ne comprend pas le code plus répondre sur mobile

merci, fonctionne comme un charme avec des actifs et AssetImagePath. Juste au cas où il aide à quelqu'un, /assets/ ne doivent pas être inclus dans le chemin de l'image. public string ImgSrc { get {return "icône.png"; } }

OriginalL'auteur Stuart

Des versions plus récentes de MvvmCross en charge la liaison à un drawable ressources. À l'aide de la DrawableName de liaison vous pouvez lier une ImageView à une propriété sur votre viewmodel qui contient un drawable nom.

using System;
using Cirrious.MvvmCross.ViewModels;

namespace MyApp.ViewModels
{
    public class UserProfileViewModel : MvxViewModel
    {    
            //set this to the name of one of the files
            //in your Resources/drawable/drawable-xxxx folders
        private MyDrawable _myDrawable;
        public string MyDrawable { 
            get { return _myDrawable; }
            set {
                _myDrawable = value;
                RaisePropertyChanged (() => MyDrawable);
            }
        }
    }
}

Et de la mise en page

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        local:MvxBind="DrawableName MyDrawable"/>

Sinon, vous pouvez utiliser le Drawable de liaison si votre VM propriété est un int

Gardez à l'esprit, _myDrawable ne doit pas contenir des lettres majuscules, même si le nom de fichier n'.
Veuillez s'il vous plaît mettre à jour ces liens cassés? Merci à l'avance!
liens mis à jour

OriginalL'auteur pnewhook

J'ai construit un converter, qui convertit un drawable nom à une image Bitmap et lié l'image Bitmap à l'ImageView.

Le convertisseur:

public class ImageNameToBitmapConverter : MvxValueConverter<string, Bitmap>
{
    protected override Bitmap Convert(string value, Type targetType, object parameter, CultureInfo culture)
    {

        var topActivity = Mvx.Resolve<IMvxAndroidCurrentTopActivity>();

        var bm = BitmapFactory.DecodeResource(topActivity.Activity.Resources, GetResourceId(value, "drawable", topActivity));

        return bm;
    }

    private static int GetResourceId(string variableName, string resourceName, IMvxAndroidCurrentTopActivity topActivity)
    {
        try
        {
            return topActivity.Activity.Resources.GetIdentifier(variableName, resourceName, topActivity.Activity.PackageName);
        }
        catch (Exception)
        {
            return -1;
        }
    }
}

La vue XML:

<ImageView
    local:MvxBind="Bitmap Icon, Converter=ImageNameToBitmap"
    android:layout_width="100dp"
    android:layout_height="100dp" />

La Icon bien je suis de liaison est une chaîne de caractères comme: "icon_name" où j'ai mis l'image icon_name.png dans le projet Android est Resources/drawable

Passons sur ma réponse. @pnewhook 's solution est plus propre 😛
J'aime votre solution, vous pouvez régler l'image de la lcp! J'ai eu quelques problèmes avec votre GetResourceId. La valeur de retour est toujours 0. Ma solution pour que l'aide de la réflexion: return (int) typeof(Ressource.Drawable).GetField(valeur).GetValue(null);
Cela a aidé....

OriginalL'auteur j7nn7k

Pour les dernières MvvmCross solution suivante est réel:

Dans le balisage:

<ImageView
    android:id="@+id/iconImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:layout_centerVertical="true"
    local:MvxBind="DrawableName Type, Converter=TypeToImageStringConverter" />

En converter:

public class TypeToImageStringConverter : MvxValueConverter<VacationType, int>
{
    protected override int Convert(VacationType value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        switch (value)
        {
            case VacationType.RegularVacation:
                return Resource.Drawable.Icon_Request_Green;
            case VacationType.SickLeave:
                return Resource.Drawable.Icon_Request_Blue;
            case VacationType.LeaveWithoutPay:
                return Resource.Drawable.Icon_Request_Dark;
            case VacationType.OvertimeVacation:
                return Resource.Drawable.Icon_Request_Gray;
            case VacationType.ExceptionalLeave:
                return Resource.Drawable.Icon_Request_Plum;
            default:
                return Resource.Drawable.Icon_Request_Gray;
        }
    }
}

Tous les sens, c'est que vous venez de faire un drawable id de ressource.

OriginalL'auteur Konstantin Shmelev

Vous devez vous connecter pour publier un commentaire.