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;

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