图片作背景,然后显示文字
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; |