2014-09-20 3 views
0

Nouveau ici mais vraiment besoin d'aide.Création d'une interface graphique dans Expression Blend

J'ai créé une interface utilisateur graphique dans Photoshop et l'ai enregistrée sous forme de fichier PSD. Tous les boutons sont des fichiers PNG et du texte séparés.

L'interface graphique doit être créée dans Expression Blend afin qu'un ami (programmeur C) puisse connecter l'interface graphique au logiciel.

Le problème: Je ne comprends tout simplement pas comment rendre la fonctionnalité de ces boutons à partir des fichiers PNG. pour un expert WPF c'est très simple mais pour moi c'est assez horrible.

Y at-il quelqu'un qui peut m'aider avec ça? J'ai maintenant cherché 3 jours sur le net pour trouver une solution, mais je n'ai pas réussi jusqu'à présent.

+2

Vous n'utilisez pas vraiment les points forts de WPF si vous voulez un fichier .PNG pour vos boutons. Pensez à Blend plus comme Illustrator - il est censé être évolutif, pas un simple bitmap. Y at-il quelque chose de spécial à propos des boutons? Pouvez-vous nous montrer un exemple? –

+0

Commencez par un didacticiel de mélange d'expressions, découvrez les modèles et les styles. Essayez de recréer le style que vous avez conçu dans Photoshop, mais oubliez définitivement d'utiliser les graphismes directement. Je seconde la demande de Troels pour un exemple visuel. Ajoutez une image de ce que vous voulez recréer à votre question et vous pourriez obtenir quelques conseils supplémentaires. –

Répondre

0

Je pense que vous êtes juste poser des questions sur la façon de faire un simple « image dans un bouton » - vous n'avez pas besoin pour ce mélange pour l'instant:

<Button x:Name="myButton" Width="90" Height="32" Click="MyButtonClick" > 
    <Image Height="32" Width="32" 
    Source="pack://application:,,,/MREEResources;component/Images/MyImage.png"/> 
</Button> 

Faites un clic droit sur MyButtonClick et choisissez Naviguer Event Manager et créera le code-behind pour votre développeur à utiliser. Obtenez le livre Adam Nathan pour WPF et vous serez à la hauteur de tâches comme celle-ci en un rien de temps.

0

Voici comment créer un bouton à partir d'une image dans WPF en utilisant Expression Blend:

  1. Ajouter l'image que vous souhaitez utiliser pour le bouton à votre projet
  2. Faites glisser l'image de votre « Projets » panneau sur votre scène (en mode Création). (Redimensionner l'image de position & si nécessaire)
  3. clic droit sur l'image (soit sur scène ou dans « panneau Objets et chronologie) et sélectionnez « Faire dans le contrôle »
  4. Nom du bouton et « Définir dans » Application ou ce Document, Cliquez sur OK
  5. Blend génère automatiquement un ContentPresenter pour ajouter du texte, vous pouvez sélectionner et supprimer ce dans le panneau « Objets et chronologie »

Là vous allez -. un bouton d'image rapide et facile pour plusieurs Si vous souhaitez passer plus de temps à configurer un bouton, vous pouvez le modéliser, regardez mon Silverlight. tutoriel: http://mattwilsonmd.blogspot.com/2009/06/silverligth-tutorial-image-button-w.html (Vous pouvez passer à la fin pour le résumé simple).