XNA绘制Silverlight控件

上一篇博客提到XNA可以在Silverlight中绘制资源，但是，一旦一个Silverlight页面由XNA接管后，就无法直接显示页面上的控件了，这样就无法体现Silverlight与XNA的优势了，为了解决这个问题，实现Silverlight与XNA混合调用，windows phone7.1又提供了一个新的UIElementRender类。通过这个类来加载所要绘制的控件。以下是一个示例工程。

1.       首先同样要先使用3d模板创建一个3d工程。

2.       在GamePage.xaml中加入控件,用三个按钮来控制碰撞的红色方块的开始与停止以及透明度的变化。

<Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="71*" />

            <RowDefinition Height="650*" />

            <RowDefinition Height="79*" />

        </Grid.RowDefinitions>

        <Button Content="开始" Height="72" HorizontalAlignment="Left" Margin="69,-1,0,0" Name="button1" VerticalAlignment="Top" Width="330" Click="button1_Click" />

        <Grid Grid.Row="1" Name="ContentPanel">

            <Image Source="Lighthouse.jpg" Stretch="Fill"/>

        </Grid>

        <Button Content="不透明" Grid.Row="2" Height="72" HorizontalAlignment="Left" Name="button2" VerticalAlignment="Top" Width="153" Click="button2_Click" />

        <Button Content="半透明" Grid.Row="2" Height="72" HorizontalAlignment="Right" Margin="0,0,151,0" Name="button3" VerticalAlignment="Top" Width="170" Click="button3_Click" />

        <Button Content="透明" Grid.Row="2" Height="72" HorizontalAlignment="Right" Name="button4" VerticalAlignment="Top" Width="145" Click="button4_Click" />

    </Grid>

3.       在GamePage.xaml.cs中加入代码

声明一个UIElementRenderer实例 UIElementRenderer renderer;

委托LayoutUpdate事件 LayoutUpdated += new EventHandler(GamePage_LayoutUpdated);

在这个事件的响应函数中初始化UIElementRenderer实例，这时将整个页面做为rootElement renderer = new UIElementRenderer(this, (int)ActualWidth, (int)ActualHeight);

绘制这个实例

if(IsStart)

      spriteBatch.Draw(texture, spritePosition, new Color(255, 255, 255, alpha));

按钮执行的效果代码

private void button1_Click(object sender, RoutedEventArgs e)

        {

            IsStart = !IsStart;

        }

 

        private void button2_Click(object sender, RoutedEventArgs e)

        {

            alpha = 255;

        }

 

        private void button3_Click(object sender, RoutedEventArgs e)

        {

            alpha = 150;

        }

 

        private void button4_Click(object sender, RoutedEventArgs e)

        {

            alpha = 50;

        }

 

4.       运行效果

点击开始按钮，出现红色移动的小块。

点击半透明按钮，可以看到红色小块开始透明。

点击透明按钮，红色小块更加透明了。

 

示例代码：http://www.52winphone.com/bbs/viewthread.php?tid=745&extra=page%3D1