Question

我正在尝试为按钮设置图像，我的图像中不包含文本，我想手动设置该图像的文本，我尝试这种方式按钮带有按钮内容的图像，但我不知道如何为它设置文本，我在Visual Studio 2012 for Windows Mobile 7

工作

Answer 1

<Button x:Name="ButtonName" Height="Auto" Width="Auto">
    <StackPanel>
          <Image Source=image.JPG" Stretch="Fill" Height="Auto" Width="Auto" />
          <TextBlock Text="picture Button" TextAlignment="Center" />
    </StackPanel>
</Button>

事情是设置按钮的内容属性。同时为按钮提供合适的尺寸，否则图像控制会使其过大

将您的控件放在stackpanel中，这可能会占用许多孩子，而不是按钮支持的只有一个孩子，您可以更轻松地控制大小。

根据您提供的图片，这是我的代码。你也应该把那个图像链接放在你的问题中

<Button  Content="Text" Height="Auto" Width="Auto" BorderThickness="0">
     <Button.Background>
          <LinearGradientBrush StartPoint="0 0" EndPoint="0 1">
               <LinearGradientBrush.GradientStops>
                   <GradientStopCollection>
                       <GradientStop Offset="0" Color="#FF03CCF0" />
                       <GradientStop Offset="1" Color="#FF0182C2" />
                   </GradientStopCollection>
               </LinearGradientBrush.GradientStops>
           </LinearGradientBrush>
      </Button.Background>
  </Button>

根据要求更改按钮大小。此外，您可能需要使用VisualStateManager更改其他可视状态的背景，但结果会更清晰。还有非常脏的技巧。我不是为它发布代码。使用画布作为内容，设置它的背景，然后在里面插入一个文本块。我不知道这会起作用，但我还是不会这样做。建议使用VisualStateManager。

Answer 2

Image用作Button的最简洁方法是设置style属性。

<Style x:Key="CustomButton" TargetType="Button">
    <Setter Property="Template" >
        <Setter.Value >
            <ControlTemplate>
                <Image Source="Images/Sample.jpg" />
            </ControlTemplate >
        </Setter.Value >
    </Setter >

通过定义新的代码<Grid.Resources></Grid.Resources>在您的页面中设置此代码，或者您可以在StandardStyles.xaml中普遍地执行此代码，当您定义新的按钮时，将BasedOn属性设置为您在样式中定义的键值。

如何设置Windows Phone 7按钮的图像内容

2 个答案: