Windows Phone 7 Bouton Image

J'ai besoin de créer un Bouton Image pour mon application web comme style orienté.
J'ai une image 20x20 pixels et souhaitez qu'une image de bouton avec la même dimension de l'image.

J'ai essayé de régler cela à l'intérieur de mon xaml, mais il ne fonctionne pas:

<Button Grid.Row="0" Margin="0" Padding="0" Click="AddtoFavorite_Click" Width="20" Height="20"  VerticalAlignment="Top" HorizontalAlignment="Right">
   <Button.Content>
      <Image Source="/MyNamespace;component/images/star_yellow.png" Margin="0" Width="20" Height="20" />
   </Button.Content>
</Button>

Quel est le problème?

SOLUTION

J'ai trouvé la meilleure solution est:

<Image Source="/MyNamespace;component/images/star_yellow.png" ManipulationStarted="Image_ManipulationStarted" Width="20" Height="20"></Image>

Merci à tous!

Je pense qu'il y est un défaut de cette solution. Le problème est que si quelqu'un glisse la vue de départ de votre bouton, généralement, le bouton ne sera pas enregistré. Cependant, la façon dont vous avez mises en œuvre, le bouton sera considéré cliqué. C'est counterintuative à la façon dont les utilisateurs attendent le téléphone pour le travail et peut causer de la confusion de l'expérience utilisateur. Je pense que vous êtes beaucoup mieux à l'aide d'un bouton mais le style c'est rendu comme une image.

OriginalL'auteur Nicola Celiento | 2010-11-29

imagebutton windows-phone-7

20

Je ne vois pas en particulier des erreurs dans votre code, mais je n'ai pas les outils à droite maintenant pour le tester sna voir pourquoi il échoue.

Cependant, vous pouvez créer un VisualBrush avec votre image et l'utiliser comme arrière-plan pour votre Bouton:
```
<Button>
    <Button.Background>
        <ImageBrush ImageSource="xyz.png"/>
    </Button.Background>
</Button>
```
La plupart des Décors sont de type Brosse, de sorte que vous pouvez utiliser SolidColorBrush, LinearGradientBrush, ImageBrush, etc. Vous n'êtes pas limité de couleurs.

Salut, j'ai une image de 20x20 et que le bouton 20x20 comme l'image. Avec la solution que vous avez posté n'est pas possible. Les propriétés que je dois mettre? j'ai essayé de Rembourrage, Marge, etc, mais rien...
Vous devez ensuite nous dire exactement ce qui ne fonctionne pas. Gardez à l'esprit que, selon les lignes directrices de l'INTERFACE utilisateur la taille minimale d'un "palpable" l'objet est 26x26 avec un 34x34 frapper des cibles.
Ma réponse vous permet de définir la taille du bouton à tout ce que vous voulez. C'est le remplacement de la façon dont le bouton de tire pour la faire dessiner une image à la place du bouton standard.
Je vais avoir le même problème - j'ai 100x100 images que je suis en train de carte de 62x62 images pour les boutons et cette solution réduit à ~38x38.

OriginalL'auteur Francesco De Vittori
4

Je pense que la meilleure solution est la suivante:
```
<Button ...>
    <Button.Template>
         <ControlTemplate>
              <Image .... />
         </ControlTemplate>
     </Button.Template>
</Button>
```
À l'aide de la manipulation a commencé entraînera subtilement non-standard de comportement. Sur la plupart des boutons si vous cliquez sur elle, mais puis faites-le glisser hors tension, le bouton ne sera pas le feu. Toutefois, si vous utilisez ManipulationStarted qu'il déclenchera immédiatement.

La meilleure façon de gérer ces moment de la conception de considérations d'utiliser Expression Blend. Dans le mélange, vous pouvez cliquer droit sur le bouton et de modifier le modèle par le biais de la conception d'outils, ce qui permet de savoir comment modifier le code xaml de moins en moins important. Il vaut vraiment l'effort d'apprendre à utiliser le Mélange.

OriginalL'auteur Mac
4

C'est vieux mais j'ai pensé que je pourrais offrir ce que je pensais être une meilleure solution. Certaines de ces solutions, voulez-vous de remplacer le bouton avec une image, ou l'arrière-plan avec un imagebrush. C'est très bien sauf qu'il a également entoure l'image avec le bouton normal de style, en noir ou en blanc de la boîte (en fonction de votre thème).

Cette solution vous permet d'utiliser une image en tant que le bouton lui-même, tout en conservant la fidélité complète d'un bouton, mais sans avoir à la sous-classe d'un objet, comme le lien par SilverGeek.

Tout d'abord, créer un nouveau style (que ce soit dans votre Application.xaml ou votre page ressources)
```
<Style x:Key="ImageButtonStyle" TargetType="Button">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="Button">
            <Grid>
                <Image x:Name="StartButtonImage" Source="/Images/YourImageFile.png"/>
                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                    Content=""/>
            </Grid>
        </ControlTemplate>
    </Setter.Value>
</Setter>
```
Maintenant, il suffit de créer un bouton n'importe où à l'aide de ce style:
```
<Button Style={StaticResource ImageButtonStyle}/>
```
Et cliquez sur ajouter des événements ou tout ce que vous voulez. Le bouton sur l'ensemble du style de l'image.

OriginalL'auteur Bil Simser
3

Peut-être que vous serez intéressé par cet article:

http://silvergeek.net/2011/01/14/imagebutton-control-for-win-phone-7/

Cela a fait exactement ce dont j'avais besoin, merci
Le lien est mort maintenant

OriginalL'auteur SilverGeek.net
1

La Bouton contrôle peut prendre la plupart des contrôles que son contenu (du texte), de sorte que vous n'avez pas besoin d'un "bouton image" - au lieu de cela, vous avez simplement besoin de mettre une Image de contrôle à l'intérieur de votre Bouton de la sorte:
```
<Button>
    <Image Source="http://www.richmondwiki.org/images/search-button.png"></Image>
</Button>
```
Cette approche (par opposition à l'aide d'un ImageBrush pour l'arrière-plan du Bouton) signifie que vous n'avez pas à vous inquiéter ou coder en dur la taille de l'Image/Bouton - WP7 va gérer cela pour vous.

À l'aide du Bouton de contrôle au lieu de l'accrochage dans les événements de manipulation est recommandé, de sorte que vous n'aurez pas à vous soucier de choses comme avoir des marges appropriées pour toucher les cibles, etc.

OriginalL'auteur Henry C
0

Vous pouvez définir votre image comme arrière-plan du bouton, ou si vous voulez le faire en tant que contenu, en théorie, il devrait travailler à l'intérieur d'un stackpanel.

Arrière-plan de la propriété de Bouton accepter uniquement les couleurs. Vous pouvez poster syntaxe pour moi? Merci.
Vous pouvez le voir dans ce post à la fois la syntaxe à l'aide d'un ImageBrush que l'arrière-plan et un lien vers Peter Torr post montrant l'utilisation d'un StackPanel. Peut l'admettre comme c'était en réponse à bouton lien Hypertexte, et Richard le post original montrant le réglage de l'image que le contenu ne peut en effet travailler pour le Bouton, malgré les observations que j'ai fait pour pourquoi ça ne marchait pas pour HyperlinkButton à l'époque.
social.msdn.microsoft.com/Forums/en-US/windowsphone7series/...

OriginalL'auteur Mick N

Vous n'avez même pas besoin d'utiliser un Bouton.

Vous pouvez brancher le MouseLeftButtonUp événement sur le contrôle de l'Image.

 <Image
            Source='blue02.png'
            Width='26'
            Height='26'
            Margin='5'
            MouseLeftButtonUp='Image_MouseLeftButtonUp' />

OriginalL'auteur Walt Ritscher

Vous devez vous connecter pour publier un commentaire.