Silverlight給按鈕添加圖片問題

圖片作背景,然後顯示文字

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#):供參考
C# code
?
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;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章