Кнопка изображения Windows Phone 7

Я не вижу особых ошибок в вашем коде, но у меня сейчас нет инструментов, чтобы проверить его и понять, почему он не работает.

Однако вы можете создать VisualBrush со своим изображением и использовать его в качестве фона для вашей кнопки:

<Button>
    <Button.Background>
        <ImageBrush ImageSource="xyz.png"/>
    </Button.Background>
</Button>

Большинство фонов имеют тип Brush, поэтому вы можете использовать SolidColorBrush, LinearGradientBrush, ImageBrush и т. Д. Вы не ограничены цветами.

Думаю, что лучшим решением будет следующее:

<Button ...>
    <Button.Template>
         <ControlTemplate>
              <Image .... />
         </ControlTemplate>
     </Button.Template>
</Button>

Использование начатой ​​манипуляции приведет к слегка нестандартному поведению. На большинстве кнопок, если вы нажмете на нее, но затем потянете за нее, нажатие кнопки не сработает. Однако, если вы используете ManipulationStarted, он немедленно сработает.

Лучший способ справиться с этими соображениями, связанными со временем разработки, - использовать Expression Blend. В blend вы можете щелкнуть правой кнопкой мыши по кнопке и отредактировать шаблон с помощью инструментов дизайна, что делает умение редактировать xaml менее важным. Научиться пользоваться Blend действительно стоит усилий.

Это старое решение, но я подумал, что предлагаю здесь то, что считал лучшим решением. Некоторые из этих решений требуют, чтобы вы заменили кнопку изображением или фон кистью изображений. Это нормально, за исключением того, что оно также окружает изображение обычным стилем кнопки, черным или белым прямоугольником (в зависимости от вашей темы).

Это решение позволяет вам использовать изображение в качестве самой кнопки, сохраняя при этом полную точность кнопки, но без необходимости создавать подкласс объекта, такого как ссылка SilverGeek.

Сначала создайте новый стиль (либо в вашем App.xaml, либо в ресурсах вашей страницы)

<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>

Now, just create a button anywhere using that style:

<Button Style={StaticResource ImageButtonStyle}/>

И добавьте события щелчка или что угодно еще. Кнопка примет весь стиль изображения.

Может быть, вам будет интересна эта статья:

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

Элемент управления Button может принимать большинство элементов управления в качестве своего содержимого (а не только текста), поэтому вам не нужна «кнопка изображения» - вместо этого вам просто нужно поместить элемент управления Image внутри вашей кнопки, как это :

<Button>
    <Image Source="http://www.richmondwiki.org/images/search-button.png"></Image>
</Button>

Этот подход (в отличие от использования ImageBrush для фона кнопки) означает, что вам не нужно беспокоиться или жестко указывать размеры изображения / кнопки - WP7 сделает это за вас.

Рекомендуется использовать предоставленный элемент управления Button вместо подключения к событиям манипуляции, чтобы вам не пришлось беспокоиться о таких вещах, как наличие соответствующих полей для целей касания и т. Д.

Вы можете установить свое изображение в качестве фона для кнопки или, если вы хотите сделать это как контент, теоретически оно должно работать внутри панели стека.

Вам даже не нужно использовать кнопку.

Вы можете подключить событие MouseLeftButtonUp к элементу управления Image.

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