圖片作背景,然後顯示文字
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; |