图片作背景,然后显示文字
1
2
3
4
5
6
7
8
|
<
Button
Height
=
"60"
Width
=
"68"
>
<
Button.Content
>
<
Grid
>
<
Image
Source
=
"image/add.png"
Grid.Row
=
"0"
></
Image
>
<
TextBlock
Text
=
"Add"
Grid.Row
=
"1"
VerticalAlignment
=
"Center"
></
TextBlock
>
</
Grid
>
</
Button.Content
>
</
Button
>
|
后台代码的实现方式(c#):供参考
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
Button btn1 =
new
Button();
//设置背景图片
Image myImage =
new
Image();
myImage.Stretch = Stretch.UniformToFill;
BitmapImage imageSource =
new
BitmapImage(
new
Uri(
"/sl_controls;component/images/cry.jpg"
, UriKind.Relative));
myImage.Source = imageSource;
//myImage.SetValue(Grid.RowProperty, 0);//如果你要分行或列的话,这样把控件放到相应的位置
//设置按钮显示文本
TextBlock myTextBlock =
new
TextBlock();
myTextBlock.VerticalAlignment = VerticalAlignment.Center;
myTextBlock.HorizontalAlignment = HorizontalAlignment.Center;
myTextBlock.Text =
"Cry"
;
//myTextBlock.SetValue(Grid.RowProperty, 0);//如果你要分行或列的话,这样把控件放到相应的位置
Grid myGrid =
new
Grid();
//myGrid.RowDefinitions.Add(new RowDefinition());//用类似语法为grid添加行或列
myGrid.Width = 100;
myGrid.Height = 50;
myGrid.Children.Add(myImage);
myGrid.Children.Add(myTextBlock);
btn1.Content = myGrid;
|