Xamarin.Les formes Xaml Image d'arrière-plan

Je viens de commencer une Xamarin.Les formulaires de demande et je veux ajouter une image de fond pour mon XAML.
J'ai ajouté l'attribut, mais il n'apparaît pas lorsque je le lance!!
Voici les images.

APPLICATION

public class App : Application
{
    public App()
    {
        //The root page of your application
        MainPage = new Page();
    }

XAML:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="App1.Page"
         BackgroundImage="bg.png">

Xamarin.Les formes Xaml Image d'arrière-plan

ALORS, comment puis-je résoudre ce problème?

Xamarin.Les formes Xaml Image d'arrière-plan

OriginalL'auteur Biellx | 2016-08-22

6

Ajouter votre bg.png fichier dans chacun de vos natif de projets, puisque vous êtes en train d'utiliser un émulateur Android commencez avec votre Xamarin.Android projet:

Android - Placer des images dans le Ressources/drawable répertoire avec la construction de l'Action: AndroidResource

ref: https://developer.xamarin.com/guides/xamarin-forms/working-with/images/

Exemple: Dans votre Xamarin.Android projet, ajouter bg.png comme indiqué:

Vérifier la Build Action de l'image et de s'assurer qu'il est attribué à AndroidResource. Reconstruction et re-test.

Bonjour SushiHangover, je Viens de faire ça, et encore, ne semble pas =x
J'ai ajouté quelques infos à ma réponse, assurez-vous que l'image est dans le dossier correct et affecté la bonne action de construire. Nettoyer et reconstruire et de se redéployer pour votre appareil/émulateur....
Yeaa, je pense que le problème est l'action de construire, comment puis-je régler l'action de construire cette image?]
Clic droit sur l'image et afficher les propriétés

OriginalL'auteur SushiHangover
3

Dans Xamarin.les formes
1. Les images doivent être placées dans les dossiers suivants
```
   iOS, Android  - Resources folder 

   Windows/UWP, Windows Phone  - Assets folder 
```
2. Puis de l'action de construire(rt cliquez sur img->propriétés) des images doit être modifié comme suit
```
iOS - BundleResource             Windows Phone - Content

Android - AndroidResource        Windows/UWP - Content
```
Si l'image ne s'affiche pas, essayez de changer le Copie vers le Répertoire de Sortie pour Copier si plus récent dans les Propriétés de l'image

OriginalL'auteur D.vijay

Si vous souhaitez ajouter une image de fond dans le fichier XAML pour la totalité de la page dans Xamarin projet, puis utilisez la propriété BackgroundImage et ajouter votre image sur le projet Android sous Ressources -> dossier drawable et pour iOS dossier de Ressources.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:PhoneDailerDemo"
             x:Class="PhoneDailerDemo.MainPage"
             BackgroundImage="image3.jpg">

    <Label Text="Welcome to Xamarin Forms!" 
           VerticalOptions="Center" 
           HorizontalOptions="Center" />
    <StackLayout Padding="100">
       //..........
    </StackLayout>
</ContentPage>

OriginalL'auteur Prabhat Maurya

0

Les fichiers d'Image peuvent être ajoutés à chaque projet d'application et référencé à partir de Xamarin.Les formulaires de code partagé. L'utilisation d'une seule image à travers toutes les applications, le même nom de fichier doit être utilisé sur toutes les plateformes, et il doit être valide Android nom de la ressource (ie. uniquement des lettres minuscules, les chiffres, le trait de soulignement, et la période sont autorisés).
- iOS - Placer des images dans le dossier de Ressources de Construire avec l'Action: BundleResource . La rétine versions de l'image doivent également être fournies, - de deux et trois fois la résolution avec un @2x ou 3x suffixes sur le nom de fichier avant de l'extension de fichier (par exemple. [email protected]).
- Android - Placer des images dans les Ressources/drawable répertoire avec la construction de l'Action: AndroidResource. De haute et de faible résolution des versions d'une image peut également être fourni (dans le bien nommé les Ressources des sous-répertoires comme drawable-ldpi , drawable-hdpi , et drawable-xhdpi ).
- Windows Phone - Placer des images dans le répertoire racine de l'application avec la construction de l'Action: le Contenu .
- Windows/UWP - Placer des images dans le répertoire racine de l'application avec la construction de l'Action: le Contenu .
Vous pouvez en lire plus à Travailler avec des Images
Le chargement et l'affichage des images dans les Xamarin.Les formes

OriginalL'auteur Rohit Vipin Mathews
0

La réduction de la taille de l'image a fonctionné pour moi.

OriginalL'auteur Richard Long

D'une autre façon (source) vous pouvez atteindre cet objectif, en mettant l'image de l'action de construire (dans les propriétés du fichier) en tant que Ressource Incorporée.

Puis, à l'aide d'un convertisseur de balisage-extension, vous serez capable de l'utiliser directement dans le XAML et ne pas avoir à copier ou lier les fichiers dans chaque plate-forme spécifique du projet.

Voici le convertisseur vous devriez ajouter à votre portable de projet:

[ContentProperty(nameof(Source))]
public class ImageResourceExtension : IMarkupExtension
{
  static readonly Assembly CurrentAssembly = 
    typeof(ImageResourceExtension).GetType().Assembly;

  public const string Assets = nameof(Assets);

  public string Source { get; set; }

  public object ProvideValue(IServiceProvider serviceProvider)
  {
    if (string.IsNullOrWhiteSpace(Source))
      return null;

    //Do your translation lookup here, using whatever method you require            
    var source = $"{CurrentAssembly.GetName().Name}.{Assets}.{Source}";

    var imageSource = ImageSource.FromResource(source, CurrentAssembly);

    return imageSource;
  }
}

Puis dans votre XAML:

<?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">
  <Image Source="{local:ImageResource Background.jpg}"}
</ContentPage>

OriginalL'auteur Shimmy

Vous devez vous connecter pour publier un commentaire.